/* ==========================================================================
   MFS WhatsApp Central — Botón de Compra WooCommerce
   Versión: 1.2.0
   ========================================================================== */

.mfs-woo-btn {
  display:         inline-flex;
  align-items:     center;
  justify-content: center;
  gap:             10px;
  width:           100%;
  padding:         14px 20px;
  margin-top:      12px;
  border:          none;
  border-radius:   10px;
  text-decoration: none;
  font-size:       15px;
  font-weight:     700;
  letter-spacing:  0.2px;
  cursor:          pointer;
  box-sizing:      border-box;
  transition:      opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow:      0 4px 14px rgba(0, 0, 0, 0.12);
  position:        relative;
  overflow:        hidden;
  line-height:     1.3;
}

.mfs-woo-btn::after {
  content:    '';
  position:   absolute;
  inset:      0;
  background: rgba(255,255,255,0.12);
  opacity:    0;
  transition: opacity 0.2s ease;
}

.mfs-woo-btn:hover {
  opacity:    0.93;
  transform:  translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  text-decoration: none;
}

.mfs-woo-btn:hover::after { opacity: 1; }

.mfs-woo-btn:active {
  transform:  scale(0.98);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
}

.mfs-woo-btn__icon {
  flex-shrink: 0;
  display:     flex;
  align-items: center;
}

.mfs-woo-btn__text {
  flex: 1;
  text-align: center;
}

/* Estado de carga */
.mfs-woo-btn--loading {
  pointer-events: none;
  opacity: 0.7;
}

.mfs-woo-btn--loading .mfs-woo-btn__text::after {
  content: ' …';
}