.spinner-home {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  animation: spin 1.25s ease-in-out infinite;

  &::before {
    position: absolute;
    inset: 0;
    clip-path:
      polygon(
        50% 47.36%,
        72.28% 0%,
        100% 35.7%,
        90.1% 80.1%,
        50% 100%,
        50% 47.36%
      );
    content: "";
    background: $sunglow;
  }

  &::after {
    position: absolute;
    inset: 0;
    clip-path:
      polygon(
        72.28% 0%,
        27.75% 0%,
        0% 35.7%,
        9.9% 80.1%,
        50% 100%,
        50% 47.36%,
        72.28% 0%
      );
    content: "";
    background: $electric;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-25deg);
  }
  55% {
    transform: rotate(395deg);
  }
  70% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}