.ask-spinner {
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    border: 4px solid rgba(0,0,0,0.1);
    border-top-color: #007ACC;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    to { transform: rotate(360deg); }
  }
  @media (prefers-reduced-motion: reduce) {
    .ask-spinner { animation: none; }
  }
  /* faz qualquer elemento girar */
@keyframes ask-spin {
    to { transform: rotate(360deg); }
  }
  
  .ask-icon-spin {
    display: inline-block;       /* garante que a transformação funciona */
    font-size: 3rem;           /* <-- aqui você escolhe o tamanho */

    animation: ask-spin 1s linear infinite;
  }