/* vs-glass-buttons -- liquid-glass bottom button band (Visual Suspect).
   Generalized from the airside-intelligence prototype (the
   "vs-airside-buttons-glass" style block on #ut_inner_column_6a2a0bb8327b8),
   keyed to the module wrapper .vs-glass-btns instead of the page-specific id.
   The !important flags are deliberate: they out-rank the maxbutton plugin's
   per-button inline style blocks (which carry up to (0,6,0) specificity
   but no !important). */

.vs-glass-btns {
    background: #070707;
    padding: 80px 32px;
    margin-left: calc(50% - 50vw);
    width: 100vw;
}
.vs-glass-btns > p {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin: 0 !important;
}
.vs-glass-btns .mb-container {
    display: flex !important;
    margin: 0 !important;
}
.vs-glass-btns .maxbutton {
    position: relative !important;
    width: 196px !important;
    height: 54px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 5px !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 6px 24px rgba(0, 0, 0, 0.22) !important;
    transition: background 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease !important;
    margin: 0 !important;
    /* Baseline the maxbutton plugin normally provides; needed on pages where
       the band is module-inserted and the plugin emitted no CSS. Values match
       the plugin's own, so wrap-case pages render identically. */
    box-sizing: border-box !important;
    text-decoration: none !important;
}
.vs-glass-btns .maxbutton:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 12px 36px rgba(0, 0, 0, 0.32) !important;
}
.vs-glass-btns .maxbutton .mb-text {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.13em !important;
    text-align: center !important;
    background-color: transparent !important;
}
.vs-glass-btns .maxbutton:hover .mb-text {
    color: #ffffff !important;
}
@media (max-width: 767px) {
    .vs-glass-btns { padding: 56px 16px; }
    .vs-glass-btns .mb-container { width: 44% !important; }
    .vs-glass-btns .maxbutton { width: 100% !important; height: 50px !important; }
}