.hotspot { position: absolute; cursor: pointer; border-radius: 8px; text-align: center; padding-top: 5px; color: white; font-size: 14px; background-color: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .hotspot:hover { background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 12px 3px rgba(180, 255, 255, 0.6); } .hotspot-label { position: absolute; bottom: 5px; width: 100%; text-align: center; font-weight: bold; font-size: 13px; color: #fdfdfd; opacity: 0.8; } /* Specific button placement */ #toCustomerService { top: 58%; left: 17%; width: 20%; height: 10%; }#lounge-title { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); font-family: 'Brush Script MT', cursive; /* Feels retro-romantic */ font-size: 48px; color: #ffccff; text-shadow: 0 0 5px #ff99ff, 0 0 10px #cc66ff, 0 0 15px #9900cc; z-index: 10; pointer-events: none; }