/* MSME Hats WhatsApp Buttons (encapsulado) */
.msmehats-wa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:11px 15px;
  border-radius:3px;
  font-weight:800;
  font-size:16px;
  line-height:1;
  text-decoration:none !important;
  border:0;
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
  -webkit-tap-highlight-color: transparent;
  white-space:nowrap;
}

.msmehats-wa-btn__ico{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  color:currentColor;
}
.msmehats-wa-btn__ico svg{
  width:18px;
  height:18px;
  display:block;
  color:currentColor;
}

/* Amarillo normal -> hover rojo (como tus capturas) */
.msmehats-wa-btn--yellow{
  background:#dfaf61;
  color:#88172A;
}
.msmehats-wa-btn--yellow:hover{
  background:#88172A;
  color:#dfaf61;
  transform: translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,0.14);
}

/* Rojo normal -> hover amarillo (por si lo necesitas) */
.msmehats-wa-btn--red{
  background:#88172A;
  color:#dfaf61;
}
.msmehats-wa-btn--red:hover{
  background:#dfaf61;
  color:#000000;
  transform: translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,0.14);
}

.msmehats-wa-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(210,4,45,.25);
}