.spinner {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: radial-gradient(farthest-side,#f36a59 94%,#0000) top/3.8px 3.8px no-repeat,
          conic-gradient(#0000 30%,#f36a59);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3.8px),#000 0);
   animation: spinner 1s infinite linear;
   margin: auto;
}

@keyframes spinner {
   100% {
      transform: rotate(1turn);
   }
}