#qeb_wrapper {
    --qeb-alert-orange: #F9C672;
    --qeb-text-black: #222222;
    --qeb-white: #FFFFFF;
    
    position: fixed;
    right: -2px; /*offset right-hand border*/
    /*top: 20vh - top is set in the metadata to allow this to be changed per implementation */
    background-color: var(--qeb-alert-orange);
    border: 2px solid var(--qeb-alert-orange);
    border-radius: 0.5rem 0 0 0.5rem;
    padding: 0.5rem 1rem;
    z-index: 101;
    color: var(--qeb-text-black);
    font-family: "Basis Grotesque Medium", sans-serif;
    font-size: 1rem;
    text-decoration: none;
        
    & #exit_icon,
    & #exit_icon svg {
        display: inline-block;
    }
        
    & #exit_text {
        padding-left: 0.5rem;
        text-transform: uppercase;
        text-decoration: none;
    }
        
    &:hover,
    &:active,
    &:focus {
        outline: none;
        /*box-shadow: offset-x offset-y blur-radius spread-radius color inset;*/
        box-shadow: -0.125rem 0.125rem 0.375rem 0 rgba(34, 34, 34, 0.25);
        background-color: var(--qeb-white);
        
        & #exit_text {
            text-decoration: underline;
        }

    }
}
@media (max-width: 767.98px) {
    /*hide the text on smaller screens*/
    #qeb_wrapper #exit_text {
        display: none;
    }
}