.elementor-122 .elementor-element.elementor-element-13886957{--display:flex;}.elementor-122 .elementor-element.elementor-element-67424c4b .e-contact-buttons__chat-button svg{order:-1;}.elementor-122 .elementor-element.elementor-element-67424c4b .e-contact-buttons{--e-contact-buttons-chat-button-gap:10px;--e-contact-buttons-button-icon:#000000;--e-contact-buttons-button-bg:#FFFFFF;--e-contact-buttons-button-icon-hover:#FFFFFF;--e-contact-buttons-button-bg-hover:#CF204A;}.elementor-122 .elementor-element.elementor-element-67424c4b .e-contact-buttons__chat-button{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;}@media(max-width:767px){.elementor-122 .elementor-element.elementor-element-67424c4b .e-contact-buttons__chat-button svg{order:-1;}}/* Start custom CSS for contact-buttons-var-7, class: .elementor-element-67424c4b *//* Oculta cualquier ícono existente dentro del widget */
.back-link i, .back-link svg, .back-link img { display: none !important; }

/* Creamos espacio a la IZQUIERDA para la flecha */
.back-link a{
  position: relative;
  padding-left: 48px !important;   /* ↑ más espacio para que no se encime */
  /* opcional: centra el contenido si el botón no lo hacía ya */
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Flecha hacia la izquierda (Font Awesome) */
.back-link a::before{
  content: "\f060"; /* fa-arrow-left */
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;                  /* ↓ un poco más chica para no chocar */
  line-height: 1;
  color: #000;
  position: absolute;
  left: 18px;                       /* ← separa más del borde */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Opcional: micro-animación al hover */
.back-link a:hover::before{
  transform: translate(-2px,-50%);  /* se mueve 2px a la izquierda */
  transition: transform .15s ease;
}

/* Responsive: reduce un poco en pantallas muy pequeñas */
@media (max-width: 380px){
  .back-link a{ padding-left: 44px !important; }
  .back-link a::before{ left: 16px; font-size: 13px; }
}

/* Animación muy sutil cuando NO hay hover */
.back-link a::before{
  animation: arrow-nudge 1.6s ease-in-out infinite;
}

/* Al hover, se pausa la animación y se queda fija un pelín más a la izq. */
.back-link a:hover::before{
  animation: none;
  transform: translate(-3px, -50%);
}

@keyframes arrow-nudge{
  0%, 100% { transform: translate(0, -50%); opacity: .9; }
  50%      { transform: translate(-3px, -50%); opacity: 1; }
}

/* Redondear la esquina superior derecha del botón amarillo */
.e-contact-buttons__chat-button-container {
  border-top-right-radius: 20px; /* ajusta el valor a tu gusto */
  overflow: hidden;              /* asegura que el borde se respete */
}/* End custom CSS */