#event-header {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-base-1);
    align-items: center;
    padding: clamp(0.75rem, -0.197rem + 1.05vw, 1.25rem);
    gap: 1rem;
    border-bottom: 1px solid rgba(29, 28, 26, 0.16);
    transform: translateY(-150px);
    transition: transform 0.5s ease;
}
#event-header[data-show] {
    transform: translateY(0);
}

#header-button-back {
    padding: clamp(0.9rem, -0.047rem + 1.05vw, 1.4rem);
    border: 0 none transparent;
    color: rgba(29, 28, 26, 1);
    background-color: rgba(29, 28, 26, 0.12);
}
#header-button-trailer {
    border-color: rgba(29, 28, 26, 0.32);
    color: var(--color-contrast-1);
    background-color: transparent;
}

@media only screen and (max-width: 768px) { /* mobile */
    #event-header .btn {
        padding: 0.6rem !important;
        --_icon-width: 0.9rem !important;
    }
    
    #event-header .button-group .btn span {
        display: none;
    }
}