.spinner {
  --spinner-size: 32px;
  --spinner-color: currentColor;
  --spinner-thickness: 3px;

  width: var(--spinner-size);
  height: var(--spinner-size);
  border: var(--spinner-thickness) solid var(--spinner-color);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  display: inline-block;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
