@keyframes spin {
  from {
    opacity: 1;
    transform: rotate(0deg);
  }

  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}

.icon {
  composes: block from "./Layout.css";
  animation-composition: add;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-name: spin;
  animation-timing-function: linear;
}

.delay {
  animation-delay: 0.3s;
  opacity: var(--opacity-0);
}