.gug-offering {
    display: block;
    background-color: var(--e-global-color-primary);
    color: #ffffff !important;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--e-global-typography-text-font-family);
    transition: .3s ease;
    height: 26px;
    animation: slideDown 1s ease-out;
    overflow: hidden;
}

.gug-offering:hover {
    color: #ffffff;
    font-size: 15px;
}

body.header-scrolled .gug-offering {
    height: 0px !important;
}

@keyframes slideDown {
    from {
        height: 0px;
    }

    to {
        height: 26px;
    }
}