@heycar-uikit/core/button/components/buttonloader.css

The React UI library from HeyCar

.button__loader_1oj9e {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button__loader_1oj9e div {
    height: 4px;
    width: 4px;
    margin-right: 4px;
    border-radius: 100%;
    background-color: currentColor;
    animation-name: button__blink_1oj9e;
    animation-duration: 950ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform: scale(0);
  }

.button__loader_1oj9e div:nth-child(1) {
    animation-delay: 0ms;
    transform-origin: 15% 50%;
  }

.button__loader_1oj9e div:nth-child(2) {
    animation-delay: 150ms;
    transform-origin: 50% 50%;
  }

.button__loader_1oj9e div:nth-child(3) {
    animation-delay: 300ms;
    transform-origin: 85% 50%;
  }

@keyframes button__blink_1oj9e {
  21% {
    transform: scale(1);
  }

  47% {
    transform: scale(1);
  }

  68% {
    transform: scale(0);
  }
}