/* Bottom-centered shiny email button */
.email-btn {
position: fixed;
bottom: max(24px, env(safe-area-inset-bottom));
left: 50%;
transform: translateX(-50%);
z-index: 9998;
display: inline-block;
padding: 22px 34px;
font: 800 24px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
text-decoration: none;
border-radius: 999px;
color: #e00000; /* red text */
border: 2px solid #e00000; /* red border */
background: linear-gradient(180deg, #2a2a2a 0%, #141414 52%, #000 100%); /* glossy base */
box-shadow: 0 12px 32px rgba(0,0,0,0.3);
transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
letter-spacing: 0.3px;
}
.email-btn::before {
content: "";
position: absolute;
left: 4px;
right: 4px;
top: 4px;
height: 42%;
background: linear-gradient(180deg, rgba(255,255,255,0.35), rgba(255,255,255,0));
border-radius: inherit;
pointer-events: none;
}
.email-btn:hover,
.email-btn:focus {
transform: translateY(-1px);
box-shadow: 0 16px 40px rgba(0,0,0,0.35);
filter: brightness(1.05);
}
@media (max-width: 480px) {
.encore-badge img { width: 96px; height: 96px; }
.email-btn {
padding: 18px 26px;
font-size: 20px;
bottom: max(16px, env(safe-area-inset-bottom));
}
}
Contact for booking details