{} *{} {} #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; } .contact-buttons { display: flex; flex-direction: column; gap: 12px; margin: 0 0 32px 0; } .contact-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 24px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 700; font-family: 'DM Sans', Arial, sans-serif; width: 100%; box-sizing: border-box; } .contact-btn-whatsapp { background-color: #25D366; color: #ffffff; } .contact-btn-telegram { background-color: #229ED9; color: #ffffff; } .contact-btn-email { background-color: transparent; color: #d9c56f; border: 2px solid #d9c56f; } .info-grid { display: flex; flex-direction: column; gap: 16px; margin: 0 0 40px 0; } .info-card { background-color: #1a1a2e; border: 1px solid #d9c56f33; border-radius: 10px; padding: 20px; text-align: center; } @media (min-width: 600px) { .contact-buttons { flex-direction: row; flex-wrap: wrap; } .contact-btn { flex: 1; min-width: 160px; width: auto; } .info-grid { flex-direction: row; flex-wrap: wrap; } .info-card { flex: 1; min-width: 180px; } } .contact-buttons { display: flex; flex-direction: column; gap: 12px; margin: 0 0 32px 0; } .contact-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 24px; border-radius: 10px; text-decoration: none; font-size: 15px; font-weight: 700; font-family: 'DM Sans', Arial, sans-serif; width: 100%; box-sizing: border-box; } .contact-btn-whatsapp { background-color: #25D366; color: #ffffff; } .contact-btn-telegram { background-color: #229ED9; color: #ffffff; } .contact-btn-email { background-color: transparent; color: #d9c56f; border: 2px solid #d9c56f; } .info-grid { display: flex; flex-direction: column; gap: 16px; margin: 0 0 40px 0; } .info-card { background-color: #2e2e2e; border: 1px solid #d9c56f33; border-radius: 10px; padding: 20px; text-align: center; } @media (min-width: 600px) { .contact-buttons { flex-direction: row; flex-wrap: wrap; } .contact-btn { flex: 1; min-width: 160px; width: auto; } .info-grid { flex-direction: row; flex-wrap: wrap; } .info-card { flex: 1; min-width: 180px; } }