⚖️🏛️✨
Serenidade e Profundidade
"Uma alegria tumultuosa anuncia uma felicidade medíocre e breve."
— Plutarco
Plutarco nos ensina que a felicidade que depende de grandes alardes é frágil. Em 2026, cercados por estímulos constantes, confundimos picos de adrenalina com bem-estar. A felicidade que realmente importa é aquela silenciosa, que reside na paz de espírito e na constância do caráter. É a diferença entre o brilho de um foguete e a luz de uma estrela: um faz barulho e desaparece; a outra guia o caminho por toda a vida.
A paz é a forma mais alta de alegria.
Cultivar a Serenidade
/* Container para centralizar ou alinhar o botão, se necessário */
.share-container-wp {
margin: 20px 0;
text-align: center; /* Centraliza o botão. Mude para 'left' ou 'right' se preferir */
}
.btn-whatsapp-charming {
/* Gradiente moderno e suave */
background: linear-gradient(135deg, #25D366 0%, #1BD741 100%);
color: white !important;
padding: 12px 28px;
border-radius: 50px; /* Bordas bem arredondadas (pílula) */
text-decoration: none;
font-weight: 600; /* Fonte ligeiramente mais grossa */
font-size: 16px;
display: inline-flex;
align-items: center;
gap: 10px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Fonte mais moderna */
/* Sombra suave e elegante */
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
/* Transição suave para todas as propriedades */
transition: all 0.3s ease-in-out;
border: 2px solid transparent; /* Para evitar saltos no hover, se adicionar borda */
}
/* Efeito ao passar o mouse (Hover) */
.btn-whatsapp-charming:hover {
/* Levanta levemente o botão */
transform: translateY(-3px) scale(1.02);
/* Aumenta a sombra para dar profundidade */
box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
background: linear-gradient(135deg, #1BD741 0%, #25D366 100%); /* Inverte o gradiente suavemente */
}
/* Efeito ao clicar (Active) */
.btn-whatsapp-charming:active {
transform: translateY(-1px) scale(1.0);
box-shadow: 0 2px 10px rgba(37, 211, 102, 0.4);
}
/* Estilo do Ícone SVG */
.btn-whatsapp-charming svg {
fill: white;
width: 22px;
height: 22px;
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)); /* Sombra leve no ícone */
}
- Gerar link
- X
- Outros aplicativos
- Gerar link
- X
- Outros aplicativos
Comentários