.video-banner {
    /*position: relative;*/
}

.btn-reservation {
    position: absolute;
    left: 50%;
    bottom: 30%; /* adjust visually */
    transform: translateX(-50%);
    z-index: 999;

    background: transparent;
    color: #fff; /* gold */
    border: 2px solid #d4af37;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 50px;
    letter-spacing: 1px;

    /* subtle glow */
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);

    transition: all 0.3s ease;
    animation: goldPulse 3s infinite;
    background: rgba(0,0,0,0.25);
    backdrop-filter: blur(6px);


}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate(-50%, 20px);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}
@keyframes softPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0.25);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(0,0,0,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
}

@keyframes floatBtn {
    0%   { transform: translate(-50%, 0); }
    50%  { transform: translate(-50%, -6px); }
    100% { transform: translate(-50%, 0); }
}

@keyframes goldPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(212,175,55,0.4);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(212,175,55,0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(212,175,55,0);
    }
}