.wp-block-buttons {
    --block-gap: 0.88rem;
    text-wrap-mode: nowrap;
}

.wp-block-button {
    & .wp-block-button__link {
        --text-color: var(--on-overlay);
        --background-color: var(--overlay);
        /* Label 1/Small/: Bold */
        --font-family: var(--label-1-secondary-small-bold-family);
        --font-size: var(--label-1-secondary-small-bold-size-rem);
        --font-style: var(--label-1-secondary-small-bold-style);
        --font-weight: var(--label-1-secondary-small-bold-weight);
        --line-height: var(--label-1-secondary-small-bold-line-height-rem);
        
        border-radius: 6.25rem;
        border-width: 1px;
        border-style: solid;
        border-color: var(--overlay);

        padding-top: 0.62rem;
        padding-bottom: 0.62rem;
        padding-left: 1.12rem;
        padding-right: 1.12rem;

        & strong,
        & b {
            --font-weight: var(--label-1-secondary-small-bold-weight);
        }

        & .wp-block-button__link-icon {
            align-content: center;
        }
    }

    /* Inverse Button */
    &.is-style-button-2 .wp-block-button__link {
        background-color: var(--on-overlay);
        color: var(--overlay);
        border-bottom-color: var(--on-overlay);
        border-top-color: var(--on-overlay);
        border-left-color: var(--on-overlay);
        border-right-color: var(--on-overlay);
    }

    /* Stroke Button */
    &.is-style-button-3 .wp-block-button__link {
        background-color: var(--background);
        color: var(--on-background);
        border-color: var(--on-background);
    }

    /* Alternate Button */
    &.is-style-button-4 .wp-block-button__link {
        background-color: var(--overlay-2);
        color: var(--on-overlay-2);
        border-bottom-color: var(--overlay-2);
        border-top-color: var(--overlay-2);
        border-left-color: var(--overlay-2);
        border-right-color: var(--overlay-2);
    }

    /* Inverse Alternate Button */
    &.is-style-button-5 .wp-block-button__link {
        background-color: var(--on-overlay-2);
        color: var(--overlay-2);
        border-bottom-color: var(--on-overlay-2);
        border-top-color: var(--on-overlay-2);
        border-left-color: var(--on-overlay-2);
        border-right-color: var(--on-overlay-2);
    }

    /* Read More Link w/ Icon */
    &.is-style-button-6 .wp-block-button__link,
    &.is-style-button-7 .wp-block-button__link,
    &.is-style-button-8 .wp-block-button__link {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        background-color: var(--background);
        color: var(--on-background);
        border-bottom-color: var(--background);
        border-top-color: var(--background);
        border-left-color: var(--background);
        border-right-color: var(--background);

        & .wp-block-button__link-icon {
            background-color: var(--overlay);
            color: var(--on-overlay);
            border-radius: 6.25rem;
            padding: 0.125rem 0.5rem;
            display: block;
            font-size: var(--font-size);
            border-bottom-color: var(--overlay);
            border-top-color: var(--overlay);
            border-left-color: var(--overlay);
            border-right-color: var(--overlay);

            &:after,
            &:before {
                font-size: var(--font-size);
                margin: 0.5rem 0.88rem;
                border-radius: 6.25rem;
      
            }
        }
    }

    /* Icon Only Buttons */
    &.is-style-button-7 .wp-block-button__link {
        font-size: 0;
    }

    /* Icon Only Circle Button */
    &.is-style-button-8 .wp-block-button__link {
        font-size: 0;
        & .wp-block-button__link-icon {
            padding: 0.688rem; /* 11px */
        }
    }
}