.wp-block-ananeoo-advanced-button,
.ananeoo-advanced-button-wrap {
    box-sizing: border-box;
    display: block;
    text-align: var(--ananeoo-btn-align, center);
    margin: var(--ananeoo-btn-margin, 0) !important;
}

.wp-block-ananeoo-advanced-button *,
.ananeoo-advanced-button-wrap * {
    box-sizing: border-box;
}

.ananeoo-advanced-button {
    --ananeoo-btn-default-bg: linear-gradient(90deg, #c9a24a 0%, #f2e3a6 35%, #e6c77a 65%, #b8913f 100%);
    --ananeoo-btn-default-color: #003360;
    --ananeoo-btn-default-border-color: #af8c47;
    align-items: center;
    background: var(--ananeoo-btn-bg, var(--ananeoo-btn-default-bg)) !important;
    border-color: var(--ananeoo-btn-border-color, var(--ananeoo-btn-default-border-color)) !important;
    border-radius: var(--ananeoo-btn-radius, 10px) !important;
    border-style: var(--ananeoo-btn-border-style, solid) !important;
    border-width: var(--ananeoo-btn-border-width, 0) !important;
    box-shadow: var(--ananeoo-btn-shadow, none) !important;
    color: var(--ananeoo-btn-text-color, var(--ananeoo-btn-default-color)) !important;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--ananeoo-btn-font-family, Poppins, var(--global-body-font-family, inherit)) !important;
    font-size: var(--ananeoo-btn-font-size, 20px) !important;
    font-weight: var(--ananeoo-btn-font-weight, 700) !important;
    justify-content: center;
    line-height: var(--ananeoo-btn-line-height, 1.35) !important;
    min-height: 44px;
    padding: var(--ananeoo-btn-padding, 14px 28px) !important;
    text-align: center;
    text-decoration: var(--ananeoo-btn-text-decoration, none) !important;
    text-transform: var(--ananeoo-btn-text-transform, none) !important;
    letter-spacing: var(--ananeoo-btn-letter-spacing, 0) !important;
    transition: background 0.2s ease, border-color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, transform 0.2s ease;
    width: auto;
}

.ananeoo-advanced-button:hover,
.ananeoo-advanced-button:focus {
    background: var(--ananeoo-btn-bg-hover, var(--ananeoo-btn-bg, var(--ananeoo-btn-default-bg))) !important;
    border-color: var(--ananeoo-btn-border-color-hover, var(--ananeoo-btn-border-color, var(--ananeoo-btn-default-border-color))) !important;
    border-radius: var(--ananeoo-btn-radius-hover, var(--ananeoo-btn-radius, 10px)) !important;
    border-style: var(--ananeoo-btn-border-style-hover, var(--ananeoo-btn-border-style, solid)) !important;
    border-width: var(--ananeoo-btn-border-width-hover, var(--ananeoo-btn-border-width, 0)) !important;
    box-shadow: var(--ananeoo-btn-shadow-hover, 0 12px 24px rgba(0, 51, 96, 0.22)) !important;
    color: var(--ananeoo-btn-text-color-hover, var(--ananeoo-btn-text-color, var(--ananeoo-btn-default-color))) !important;
    text-decoration: var(--ananeoo-btn-text-decoration, none) !important;
}

.ananeoo-advanced-button:focus-visible {
    outline: 2px solid var(--global-palette1, #3182ce);
    outline-offset: 3px;
}

.ananeoo-advanced-button--outline {
    --ananeoo-btn-default-bg: transparent;
    --ananeoo-btn-default-color: #003360;
    --ananeoo-btn-default-border-color: #003360;
}

.ananeoo-advanced-button--theme-base {
    --ananeoo-btn-default-bg: var(--global-palette1, #3182ce);
    --ananeoo-btn-default-color: #ffffff;
    --ananeoo-btn-default-border-color: var(--global-palette1, #3182ce);
}

.ananeoo-advanced-button--theme-secondary {
    --ananeoo-btn-default-bg: var(--global-palette2, #2b6cb0);
    --ananeoo-btn-default-color: #ffffff;
    --ananeoo-btn-default-border-color: var(--global-palette2, #2b6cb0);
}

.ananeoo-advanced-button--size-sm {
    font-size: var(--ananeoo-btn-font-size, 16px) !important;
    padding: var(--ananeoo-btn-padding, 10px 18px) !important;
}

.ananeoo-advanced-button--size-md {
    font-size: var(--ananeoo-btn-font-size, 18px) !important;
    padding: var(--ananeoo-btn-padding, 12px 24px) !important;
}

.ananeoo-advanced-button--size-lg {
    font-size: var(--ananeoo-btn-font-size, 20px) !important;
    padding: var(--ananeoo-btn-padding, 14px 28px) !important;
}

.ananeoo-advanced-button--size-xl {
    font-size: var(--ananeoo-btn-font-size, 25px) !important;
    line-height: var(--ananeoo-btn-line-height, 1.4) !important;
    padding: var(--ananeoo-btn-padding, 20px 50px) !important;
}

.ananeoo-advanced-button--width-fixed {
    width: min(100%, var(--ananeoo-btn-fixed-width, 240px));
}

.ananeoo-advanced-button--width-full {
    width: 100%;
}

.ananeoo-advanced-button__icon {
    color: var(--ananeoo-btn-icon-color, currentColor);
    display: var(--ananeoo-btn-icon-display, none);
    flex: 0 0 auto;
    font-size: var(--ananeoo-btn-icon-size, 1em);
    line-height: 1;
    padding: var(--ananeoo-btn-icon-padding, 0 0 0 8px);
}

.ananeoo-advanced-button--icon-left .ananeoo-advanced-button__icon {
    padding: var(--ananeoo-btn-icon-padding, 0 8px 0 0);
}

.ananeoo-advanced-button:hover .ananeoo-advanced-button__icon,
.ananeoo-advanced-button:focus .ananeoo-advanced-button__icon {
    color: var(--ananeoo-btn-icon-color-hover, var(--ananeoo-btn-icon-color, currentColor));
}

.ananeoo-advanced-button__text {
    display: var(--ananeoo-btn-text-display, inline-block);
    letter-spacing: var(--ananeoo-btn-letter-spacing, inherit) !important;
}

.ananeoo-advanced-button .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

@media (max-width: 1024px) {
    .wp-block-ananeoo-advanced-button,
    .ananeoo-advanced-button-wrap {
        text-align: var(--ananeoo-btn-align-tablet, var(--ananeoo-btn-align, center));
        margin: var(--ananeoo-btn-margin-tablet, var(--ananeoo-btn-margin, 0)) !important;
    }

    .ananeoo-advanced-button {
        border-color: var(--ananeoo-btn-border-color-tablet, var(--ananeoo-btn-border-color, var(--ananeoo-btn-default-border-color))) !important;
        border-radius: var(--ananeoo-btn-radius-tablet, var(--ananeoo-btn-radius, 10px)) !important;
        border-style: var(--ananeoo-btn-border-style-tablet, var(--ananeoo-btn-border-style, solid)) !important;
        border-width: var(--ananeoo-btn-border-width-tablet, var(--ananeoo-btn-border-width, 0)) !important;
        font-size: var(--ananeoo-btn-font-size-tablet, var(--ananeoo-btn-font-size, 20px)) !important;
        line-height: var(--ananeoo-btn-line-height-tablet, var(--ananeoo-btn-line-height, 1.35)) !important;
        padding: var(--ananeoo-btn-padding-tablet, var(--ananeoo-btn-padding, 14px 28px)) !important;
    }

    .ananeoo-advanced-button__icon {
        display: var(--ananeoo-btn-icon-display-tablet, var(--ananeoo-btn-icon-display, none));
        font-size: var(--ananeoo-btn-icon-size-tablet, var(--ananeoo-btn-icon-size, 1em));
        padding: var(--ananeoo-btn-icon-padding-tablet, var(--ananeoo-btn-icon-padding, 0 0 0 8px));
    }

    .ananeoo-advanced-button__text {
        display: var(--ananeoo-btn-text-display-tablet, var(--ananeoo-btn-text-display, inline-block));
    }

    .ananeoo-advanced-button--icon-left .ananeoo-advanced-button__icon {
        padding: var(--ananeoo-btn-icon-padding-tablet, var(--ananeoo-btn-icon-padding, 0 8px 0 0));
    }
}

@media (max-width: 767px) {
    .wp-block-ananeoo-advanced-button,
    .ananeoo-advanced-button-wrap {
        text-align: var(--ananeoo-btn-align-mobile, var(--ananeoo-btn-align-tablet, var(--ananeoo-btn-align, center)));
        margin: var(--ananeoo-btn-margin-mobile, var(--ananeoo-btn-margin-tablet, var(--ananeoo-btn-margin, 0))) !important;
    }

    .ananeoo-advanced-button {
        border-color: var(--ananeoo-btn-border-color-mobile, var(--ananeoo-btn-border-color-tablet, var(--ananeoo-btn-border-color, var(--ananeoo-btn-default-border-color)))) !important;
        border-radius: var(--ananeoo-btn-radius-mobile, var(--ananeoo-btn-radius-tablet, var(--ananeoo-btn-radius, 10px))) !important;
        border-style: var(--ananeoo-btn-border-style-mobile, var(--ananeoo-btn-border-style-tablet, var(--ananeoo-btn-border-style, solid))) !important;
        border-width: var(--ananeoo-btn-border-width-mobile, var(--ananeoo-btn-border-width-tablet, var(--ananeoo-btn-border-width, 0))) !important;
        font-size: var(--ananeoo-btn-font-size-mobile, var(--ananeoo-btn-font-size-tablet, var(--ananeoo-btn-font-size, 20px))) !important;
        line-height: var(--ananeoo-btn-line-height-mobile, var(--ananeoo-btn-line-height-tablet, var(--ananeoo-btn-line-height, 1.35))) !important;
        padding: var(--ananeoo-btn-padding-mobile, var(--ananeoo-btn-padding-tablet, var(--ananeoo-btn-padding, 14px 28px))) !important;
    }

    .ananeoo-advanced-button__icon {
        display: var(--ananeoo-btn-icon-display-mobile, var(--ananeoo-btn-icon-display-tablet, var(--ananeoo-btn-icon-display, none)));
        font-size: var(--ananeoo-btn-icon-size-mobile, var(--ananeoo-btn-icon-size-tablet, var(--ananeoo-btn-icon-size, 1em)));
        padding: var(--ananeoo-btn-icon-padding-mobile, var(--ananeoo-btn-icon-padding-tablet, var(--ananeoo-btn-icon-padding, 0 0 0 8px)));
    }

    .ananeoo-advanced-button__text {
        display: var(--ananeoo-btn-text-display-mobile, var(--ananeoo-btn-text-display-tablet, var(--ananeoo-btn-text-display, inline-block)));
    }

    .ananeoo-advanced-button--icon-left .ananeoo-advanced-button__icon {
        padding: var(--ananeoo-btn-icon-padding-mobile, var(--ananeoo-btn-icon-padding-tablet, var(--ananeoo-btn-icon-padding, 0 8px 0 0)));
    }

}