button,
a.agt-button {
    --button-gap: var(--agt-spacing-2xs);
    --button-padding: var(--agt-spacing-sm) var(--agt-spacing-14);
    --button-font: var(--agt-typography-body-sm-medium);
    --icon-size: var(--agt-spacing-xl);
    display: inline-flex;
    border-radius: var(--agt-roundness-main);
    gap: var(--button-gap);
    padding: var(--button-padding);
    text-align: center;
    text-decoration: none;
    font: var(--button-font);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background: var(--agt-background-bg-brand-main);
    color: var(--agt-text-icons-tx-on-color);
    border-width: 0;
    box-sizing: border-box;
}/*5*/

@media (min-width: 768px) {
    button,
    .agt-button {
        --button-gap: var(--agt-spacing-xs);
        --button-padding: calc(var(--agt-spacing-sm) + 1px) var(--agt-spacing-xl);
        --button-font: var(--agt-typography-body-lg-medium);
        --icon-size: calc(var(--agt-spacing-xl) + var(--agt-spacing-3xs));
        line-height: var(--agt-line-height-22);
    }
}/*25*/

@media (min-width: 1440px) {

    button,
    a.agt-button {
        --button-gap: var(--agt-spacing-sm);
        --button-padding: calc(var(--agt-spacing-14) + 1px) var(--agt-spacing-36);
        --button-font: var(--agt-typography-body-lg-medium);
        --icon-size: var(--agt-spacing-3xl);
        line-height: var(--agt-line-height-22);
    }
}/*33*/

button:hover:not(:disabled),
.agt-button:hover:not(:disabled) {
    background: var(--agt-background-bg-brand-hover);
    color: var(--agt-text-icons-tx-on-color);
    text-decoration: none;
}/*51*/

button--secondary,
a.agt-button--secondary {
    color: var(--agt-text-icons-tx-brand-main);
    border: solid 1px var(--agt-stroke-str-brand-main);
    background-color: var(--agt-background-bg-base-white);
    --button-padding: calc(var(--agt-spacing-xs) + 1px) var(--agt-spacing-14);
}/*63*/

button--secondary:hover:not(:disabled),
.agt-button--secondary:hover:not(:disabled) {
    background-color: var(--agt-background-bg-brand-hover);
    color: var(--agt-text-icons-tx-on-color);
    border-color: var(--agt-background-bg-brand-hover);
}/*81*/

button--ghost-dark,
.agt-button--ghost-dark,
.hero__actions a.agt-button--ghost-dark:nth-of-type(2)  {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px var(--agt-stroke-str-brand-main);
    color: var(--agt-text-icons-tx-brand-main);
}/*118*/

button--ghost-dark:hover:not(:disabled),
.agt-button--ghost-dark:hover:not(:disabled),
.hero__actions a.agt-button--ghost-dark:nth-of-type(2):hover:not(:disabled){
    background-color: var(--agt-background-bg-brand-alt);
    color: var(--agt-text-icons-tx-on-color);
    border-color: rgba(0, 0, 0, 0);
}/*133*/