/* Ocultar el texto original del botón Next */

.ayg-btn.ayg-pagination-next-btn {
  font-size: 0 !important;
  /* oculta el texto real */
  position: relative;
}

.ayg-btn.ayg-pagination-next-btn::after {
  content: "Siguiente";
  font-size: 10px !important;
  /* ajusta tamaño */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  /* ajusta color según tu diseño */
}

/* Ocultar el texto original del botón Previous */

.ayg-btn.ayg-pagination-prev-btn {
  font-size: 0 !important;
  position: relative;
}

.ayg-btn.ayg-pagination-prev-btn::after {
  content: "Anterior";
  font-size: 10px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

/* 1) Oculta el texto original y prepara el contenedor */

a.ayg-player-description-toggle-btn {
  font-size: 0 !important;
  /* oculta "Show More/Show Less" real */
  position: relative;
  display: inline-block;
  color: inherit;
  /* mantiene el color actual del enlace */
  text-decoration: none;
  /* opcional: quita subrayado; quítalo si no lo quieres */
}

/* 2) Muestra "Mostrar más" visualmente */

a.ayg-player-description-toggle-btn::after {
  content: "Mostrar más";
  font-size: 10px !important;
  /* ajusta tamaño si lo necesitas */
  line-height: 1;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: inherit;
}

/* 3) (Opcional) estados hover/focus para que se vea como enlace */

a.ayg-player-description-toggle-btn:hover::after,
a.ayg-player-description-toggle-btn:focus::after {
  text-decoration: underline;
}

/* 4) (Opcional) Si el botón cambia a "Show Less",
      muchos plugins marcan un estado. Activa el que aplique en tu caso: */

/* a) Si usa aria-expanded */

a.ayg-player-description-toggle-btn[aria-expanded="true"]::after {
  content: "Mostrar menos";
}

/* b) Si cambia un data-atributo */

a.ayg-player-description-toggle-btn[data-state="open"]::after,
a.ayg-player-description-toggle-btn[data-type="less"]::after {
  content: "Mostrar menos";
}

/* c) Si añade una clase de activo */

a.ayg-player-description-toggle-btn.is-open::after,
a.ayg-player-description-toggle-btn.active::after {
  content: "Mostrar menos";
}

.elementor a {
  font-size: -2px;
}

.elementor * {
  font-weight: 100;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}