CSS Loader Generator

.loader {
  width: 48px;
  height: 48px;
  border: 5px solid #f2e8d5;
  border-top-color: #c2532b;
  border-radius: 50%;
  animation: loader-spin 1s linear infinite;
}
@keyframes loader-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .loader, .loader * , .loader::before, .loader::after { animation-duration: 3.0s; }
}