{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .text-gold { color: #C5A059; } .text-dark { color: #2D2D2D; } .bg-brandGold { background-color: #C5A059; } .btn-gold { background-color: #C5A059; color: white; transition: background-color 0.3s ease; } .btn-gold:hover { background-color: #a88748; } .btn-dark { background-color: #2D2D2D; color: white; transition: background-color 0.3s ease; } .btn-dark:hover { background-color: #1a1a1a; } .btn-outline { border: 2px solid #C5A059; color: #C5A059; background: transparent; transition: all 0.3s ease; } .btn-outline:hover { background-color: #C5A059; color: white; } .social-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255,255,255,0.1); color: white; transition: all 0.3s ease; fill: currentColor; } .social-icon svg { width: 20px; height: 20px; } .social-icon:hover { background-color: #C5A059; transform: translateY(-3px); } .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; } .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }