/* Full / Icon */
.wp-block-button__link {
    transition: 0.3s ease all;
}

.wp-block-button__link:active {
    transform: scale(0.95);
}

:is(.is-style-with-icon, .is-style-fill) .wp-block-button__link:before {
    content: "";
    position: absolute;
    inset: 0;
    transform-origin: center;
    background-color: var(--wp--preset--color--custom-orange-cora-cora);
    border-radius: 2rem;
    z-index: -1;
    transition: 0.3s ease all;
}

body :is(.is-style-with-icon, .is-style-fill) .wp-block-button__link.has-base-background-color:before {
    background-color: var(--wp--preset--color--base);
}

/* Contour */
:root section:not(.has-background) :where(.wp-block-button.is-style-outline .wp-block-button__link.wp-block-button__link:hover) {
    color: var(--wp--preset--color--base);
    border-color: var(--wp--preset--color--contrast);
    background-color: var(--wp--preset--color--contrast);
}

/* With Icon */
.is-style-with-icon .wp-block-button__link {
    position: relative;
    padding-right: 2.75rem;
}

.is-style-with-icon .wp-block-button__link::after {
    content: '\f5dc';
    font-family: 'remixicon';
    position: absolute;
    font-size: 1.125rem;
    right: 1.125rem;
    top: 50%;
    transform: translateY(-50%);
}

/* Secondary */
.is-style-secondary .wp-block-button__link {
    position: relative;
    border: 2px solid transparent;
    background-color: rgba(252, 188, 119, 0.2);
}

/* Underline */
.is-style-subtle .wp-block-button__link {
    display: inline;
    position: relative;
    background-color: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    color: inherit;
    text-decoration: none;
    background-image: linear-gradient(to right, var(--wp--preset--color--custom-orange-cora-cora) 50%, var(--wp--preset--color--custom-orange-cora-cora-ton) 50%);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 200% 2px;
}

@media (min-width: 992px) {

    /* Full / Icon */
    :is(.is-style-with-icon, .is-style-fill) .wp-block-button__link:hover {
        z-index: 1;
        background-color: var(--wp--preset--color--custom-orange-cora-cora-ton);
    }

    /* Full / Icon */
    :is(.is-style-with-icon, .is-style-fill) .wp-block-button__link:hover:before {
        background-color: var(--wp--preset--color--custom-orange-cora-cora-ton);
        transform: scale(1.1);
    }

    /* Contour */
    :root :where(.wp-block-button.is-style-outline .wp-block-button__link):hover {
        color: var(--wp--preset--color--contrast);
        border-color: var(--wp--preset--color--base);
        background-color: var(--wp--preset--color--base);
    }

    /* Secondary */
    .is-style-secondary .wp-block-button__link:hover {
        border-color: var(--wp--preset--color--custom-orange-cora-cora);
    }

    /* Underline */
    .is-style-subtle .wp-block-button__link:hover {
        background-position: 0% 100%;
    }
}