/* ========================================
   VinRed - Floating Circular Button Styles
   Custom styles for Contact Us button
   ======================================== */

/* Floating Circular Button - Contact Us */
.btn-floating-circular {
    border-radius: 50px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease-in-out !important;
    padding: 20px 35px !important;
    position: relative;
    transform: translateY(0);
}

/* Hover effect - Enhanced floating sensation */
.btn-floating-circular:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Active/Focus state */
.btn-floating-circular:active,
.btn-floating-circular:focus {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18), 0 6px 12px rgba(0, 0, 0, 0.12) !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .btn-floating-circular {
        padding: 18px 30px !important;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .btn-floating-circular {
        padding: 16px 28px !important;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .btn-floating-circular {
        padding: 14px 25px !important;
        font-size: 13px;
    }
}