/*** BEGIN BeBuilder Buttons - highlight behind text ***/

a.button {
    position: relative;
    isolation: isolate;
}

a.button .button_label,
a.button .button_icon {
    position: relative;
    z-index: 1;
}

a.button::after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    bottom: auto;
    left: 0;
    z-index: -1;

    height: 5px;
    background-color: #B38A05;

    pointer-events: none;

    transition:
        height 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        right 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        top 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        left 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

a.button:hover::after,
a.button:focus-visible::after {
    right: -5px;
    top: 0;
    left: -5px;
    height: 100%;
}

/*** END BeBuilder Buttons - highlight behind text ***/