teste botão

body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
gap: 20px;
}

.button-link {
text-decoration: none;
}

.button {
display: inline-block;
padding: 15px 30px;
font-size: 16px;
font-weight: bold;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background-color 0.3s ease;
text-align: center;
}

/* Botão 1 */
.button.primary {
background-color: #87ceeb; /* Azul claro */
}

.button.primary:hover {
background-color: #00008b; /* Azul escuro */
}

/* Botão 2 */
.button.secondary {
background-color: #87ceeb; /* Azul claro */
}

.button.secondary:hover {
background-color: #00008b; /* Azul escuro */
}

Abra aqui

aqui

Source: TST