/* =========================================================
   UFY PHONE — "VER MÁS COMENTARIOS"
   Al final de la lista de comentarios de una publicación, cuando
   quedan más (de 20 en 20, public/js/ufy-phone/post-comments-pages.js).
   ========================================================= */

.ufy-phone-comments-more {
  appearance: none;

  display: block;

  margin: 10px auto 14px;
  padding: 9px 18px;

  border: 1px solid rgba(214, 191, 255, 0.28);
  border-radius: 999px;

  background: rgba(143, 83, 241, 0.16);

  color: #e7d9ff;

  font: inherit;
  font-size: calc(13px * var(--ufy-font-scale, 1));
  font-weight: 700;

  cursor: pointer;

  transition:
    background 180ms ease,
    border-color 180ms ease;
}


.ufy-phone-comments-more:hover:not(:disabled),
.ufy-phone-comments-more:focus-visible {
  border-color: rgba(214, 191, 255, 0.5);

  background: rgba(143, 83, 241, 0.28);
}


.ufy-phone-comments-more:disabled {
  opacity: 0.6;

  cursor: default;
}