BOOK NOW
/* Shape & Color */
background-color: #000000;
color: #E5E3D6 !important;
border-radius: 8px;
padding: 12px 24px; /* Slightly tighter padding for a cleaner look */
width: auto; /* Ensures it shrinks to fit text, not full width */
/* Typography */
font-family: inherit;
font-weight: 600;
font-size: 13px; /* Slightly refined size */
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none;
/* Shadow & Transition */
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
transition: transform 0.2s ease, background-color 0.3s ease;
/* The Pop Animation */
animation: gentle-pop 5s infinite ease-in-out;
}
/* Hover Effect */
.floating-book-btn:hover {
background-color: #1a1a1a;
color: #E5E3D6 !important;
}
/* 2. Mobile Specific Adjustments (Just spacing) */
@media screen and (max-width: 767px) {
.floating-book-btn {
bottom: 20px; /* Sits slightly lower on mobile */
right: 20px; /* Sits slightly closer to edge */
font-size: 12px; /* Subtle scale down for mobile screens */
padding: 10px 20px;
}
}
/* 3. The Animation Logic (Simple Scale) */
@keyframes gentle-pop {
0%, 90% { transform: scale(1); }
92% { transform: scale(1.1); }
95% { transform: scale(0.95); }
100% { transform: scale(1); }
}
