/* Melhoria progressiva nativa; folha estática para preservar os seletores CSS Overflow 5. */
@supports selector(::scroll-button(right)) {
  #envio .ee-vozes-topo {
    padding-right: 124px;
  }
  #envio .ee-vozes {
    scrollbar-width: none;
  }
  #envio .ee-vozes::scroll-button(*) {
    position: absolute;
    top: -62px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 11px;
    border: 1px solid var(--color-pb-nude-400);
    border-radius: 50%;
    background: var(--color-pb-paper);
    cursor: pointer;
    transition:
      background-color 180ms ease,
      transform 180ms ease;
  }
  #envio .ee-vozes::scroll-button(left) {
    right: 56px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230d2304' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6 6-6-6 6-6'/%3E%3C/svg%3E") /
      'Depoimentos anteriores';
  }
  #envio .ee-vozes::scroll-button(right) {
    right: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230d2304' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") /
      'Próximos depoimentos';
  }
  #envio .ee-vozes::scroll-button(right):enabled {
    background: var(--color-pb-gold-500);
    border-color: var(--color-pb-gold-500);
  }
  #envio .ee-vozes::scroll-button(*):enabled:hover {
    background: var(--color-pb-gold-500);
    transform: translateY(-2px);
  }
  #envio .ee-vozes::scroll-button(*):focus-visible {
    outline: 2px solid var(--color-pb-green-900);
    outline-offset: 4px;
  }
  #envio .ee-vozes::scroll-button(*):disabled {
    opacity: 0.35;
    cursor: default;
  }
}
@media (max-width: 700px) {
  #envio .ee-vozes-topo {
    gap: 0;
  }
  #envio .ee-fio {
    display: none;
  }
}
@media (min-width: 901px) {
  #envio .ee-tres-depoimentos .ee-vozes::scroll-button(*) {
    content: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  #envio .ee-vozes::scroll-button(*) {
    transition: none;
  }
  #envio .ee-vozes::scroll-button(*):enabled:hover {
    transform: none;
  }
}