/* ===== Botão primário — cores, fonte, raio e efeito compartilhados entre telas =====
   Usar em conjunto com uma classe/id própria de cada tela que defina apenas o
   tamanho do botão (width, padding, font-size). */
.botao-primario {
    border: none;
    border-radius: 20px;
    color: floralwhite;
    font-weight: bold;
    font-family: Arial, sans-serif;
    background-image: linear-gradient(to right, #008B8B 0%, #00e2d1 51%, #008B8B 100%);
    background-size: 200% auto;
    cursor: pointer;
    transition: 0.5s;
}

.botao-primario:hover {
    background-position: right center;
    color: floralwhite;
}

.botao-primario:focus,
.botao-primario:active,
.botao-primario:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.botao-primario::-moz-focus-inner {
    border: 0;
}