Botões de Download
body {
background-color: #000; /* Fundo preto para combinar com a imagem */
text-align: center;
font-family: Arial, sans-serif;
}
.botao-download {
display: flex;
justify-content: center; /* Centraliza o texto */
align-items: center; /* Alinha o texto verticalmente */
width: 130px;
height: 20px; /* Mantém tamanho uniforme */
background-color: #ff8000; /* Laranja vivo */
color: #fff !important; /* Mantém sempre branco */
font-size: 20px;
font-weight: bold;
text-decoration: none; /* Remove sublinhado */
border-radius: 20px; /* Bordas arredondadas */
margin: 20px auto !important; /* Espaçamento entre botões */
padding: 10px 0; /* Ajusta altura interna */
transition: background-color 0.3s ease-in-out;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Sombra suave */
}
.botao-download:hover {
background-color: #cc6600; /* Laranja mais escuro ao passar o mouse */
color: #fff !important; /* Mantém branco no hover */
text-decoration: none !important; /* Remove qualquer efeito */
}
OPÇÃO1
OPÇÃO2
OPÇÃO3
Botões de Download
body {
background-color: #000; /* Fundo preto para combinar com a imagem */
text-align: center;
font-family: Arial, sans-serif;
}
.botao-download {
display: flex;
justify-content: center; /* Centraliza o texto */
align-items: center; /* Alinha o texto verticalmente */
width: 130px;
height: 20px; /* Mantém tamanho uniforme */
background-color: #ff8000; /* Laranja vivo */
color: #fff !important; /* Mantém sempre branco */
font-size: 20px;
font-weight: bold;
text-decoration: none; /* Remove sublinhado */
border-radius: 20px; /* Bordas arredondadas */
margin: 20px auto !important; /* Espaçamento entre botões */
padding: 10px 0; /* Ajusta altura interna */
transition: background-color 0.3s ease-in-out;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Sombra suave */
}
.botao-download:hover {
background-color: #cc6600; /* Laranja mais escuro ao passar o mouse */
color: #fff !important; /* Mantém branco no hover */
text-decoration: none !important; /* Remove qualquer efeito */
}
OPÇÃO1
OPÇÃO2
