.sunoti-thumb-wrap {
  position: relative;
  display: block;
}

.sunoti-like-share-wrap {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: flex;
  flex-direction: column; /* Compartir debajo del Me gusta */
  gap: 8px;
  z-index: 5;
  pointer-events: auto;
}

.sunoti-btn {
  width: clamp(25px, 5vw, 50px);  /* min 25px, max 50px */
  aspect-ratio: 1 / 1;            /* cuadrado 1:1 */
  background-color: rgba(0, 0, 0, 0.6); /* negro translúcido */
  backdrop-filter: blur(2px);
  border-radius: 100%;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70% 70%;       /* el ícono ocupa máx. 80% del contenedor */
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease, box-shadow .15s ease;
  outline: none;
}

.sunoti-btn:hover,
.sunoti-btn:focus-visible {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 6px 14px rgba(0,0,0,.3);
}

/* Los fondos se setean también en JS por robustez, pero dejamos fallback aquí */
.sunoti-btn-like  { background-image: url('https://sunoti.com/wp-content/uploads/74843201745390652.avif'); }
.sunoti-btn-share { background-image: url('https://sunoti.com/explore/i/compartir.svg'); }

/* Estado visual al completar acción */
.sunoti-btn.done {
  opacity: 0.85;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
}