.wp-block-buttons {
    .wp-block-button__link {
        display: flex;
        color: var(--wp--preset--color--gray-text);
        text-decoration: none;
        background-color: transparent;
        border-radius: 60px;
        border: 2px solid var(--wp--preset--color--haverhill-orange);
        padding: 7px 40px;
        font-size: var(--wp--preset--font-size--nav-button-text);
        font-weight: 700;
        line-height: 130.769%;
        letter-spacing: 0.78px;
        text-transform: uppercase;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease-in-out;
        z-index: 1;
        &:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background-color: var(--wp--preset--color--haverhill-orange);
            transition: height 0.3s ease-in-out;
            z-index: -1;
        }
        &:hover {
            text-decoration: none;
            color: var(--wp--preset--color--white);

            &:before {
                height: 100%;
            }
        }
    }

    .is-style-hne-button-text-arrow {
        .wp-block-button__link {
            border: none;
            border-radius: 0;
            padding: 0;
            display: flex;
            align-items: center;
            overflow: visible;
            &:before {
                display: none;
            }
            &:after {
                content: '';
                width: 20px;
                height: 20px;
                background-image: url("data:image/svg+xml, %3Csvg%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2020%2020%22%20fill=%22none%22%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path=%22url(%23clip0_195_11890)%22%3E%0A%3Cpath%20d=%22M20%2016.817L16.8333%2020V5.41811L2.2344%2020L0.00353432%2017.7529L14.5819%203.16746H0L3.16675%200H19.9993V16.817H20Z%22%20fill=%22%23333333%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id=%22clip0_195_11890%22%3E%0A%3Crect%20width=%2220%22%20height=%2220%22%20fill=%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
                background-repeat: no-repeat;
                background-size: contain;
                margin-left: 14px;
                transition: transform 0.3s ease-in-out;
            }
            &:hover {
                background-color: unset;
                color: unset;
                text-decoration: underline;
                &:after {
                    transform: rotate(90deg);
                }
            }
        }
    }
}

.has-gray-text-background-color {
    .wp-block-buttons {
        .wp-block-button__link {
            color: var(--wp--preset--color--white);
        }
    }
    .is-style-hne-button-text-arrow {
        .wp-block-button__link {
            &:after {
                filter: brightness(0) saturate(100%) invert(62%) sepia(67%) saturate(6047%) hue-rotate(349deg) brightness(99%) contrast(91%);
            }
            &:hover {
                color: var(--wp--preset--color--white);
            }
        }
    }
}