.boton-whatsapp {
display:flex;
padding: 24px;
}
.boton-whatsapp--izquierda { justify-content: flex-start; }
.boton-whatsapp--centro    { justify-content: center; }
.boton-whatsapp--derecha   { justify-content: flex-end; }
.boton-whatsapp__boton {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--ft-secondary, #E42421);
color: var(--ft-white, #FFFFFF);
font-family: 'Archivo', sans-serif;
font-weight: var(--ft-fw-bold, 500);
font-size: 1rem;
text-decoration: none;
padding: 11px 32px;
border-radius: 999px;
transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}
.boton-whatsapp__boton:hover,
.boton-whatsapp__boton:focus {
background: #c91d1a;
color: var(--ft-white, #FFFFFF);
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(228, 36, 33, 0.35);
outline: none;
}
.boton-whatsapp__boton:focus-visible {
box-shadow: 0 0 0 3px rgba(228, 36, 33, 0.5);
}
.boton-whatsapp__icono {
width: 1.4em;
height: 1.4em;
flex-shrink: 0;
}
.boton-whatsapp__anchor {
line-height: 1;
}
@media (max-width: 544px) {
.boton-whatsapp {
padding: 20px 16px;
}
.boton-whatsapp__boton {
width: 100%;
justify-content: center;
padding: 8px 32px;
}
}