/* 1 - Espaciado y tamaño de los botones */ .button { display: inline-block; padding: 12px 24px; margin: 8px; border-radius: 8px; text-align: center; cursor: pointer; }
/* 2 - Mejorando la visibilidad de los botones */ .button { font-size: 16px; color: white; background-color: #0073e6; border: none; transition: all 0.3s ease; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); }
.button:hover { background-color: #005bb5; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3); }
/* 3 - Creando una clase común para botones */ .button-common { width:281px; background-color: #22D4FD; text-align: center; padding: 21.5px 0; border-radius:16px; font-family: "Montserrat", serif; font-size: 24px; font-weight: 600; text-decoration: none; color: #000000; }
/* 4 - Ajustando el espaciado interno de los botones */ .button { padding: 14px 28px; }
/* 5 - Importando y aplicando la fuente correcta */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
.button { font-family: 'Montserrat', sans-serif; text-decoration: none; color: #b91313; }
