.brand {
  color: #292929;
}

.brand-dot {
  display: inline-block;
  color: #6c63ff;
  transform-origin: 50% 80%;
  animation: brand-dot-pulse 2.75s cubic-bezier(0.45, 0, 0.15, 1) infinite;
}

@keyframes brand-dot-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(2);
  }

  11% {
    opacity: 0.45;
    transform: scale(1.72);
  }

  22% {
    opacity: 1;
    transform: scale(2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .brand-dot {
    animation: none;
    opacity: 1;
    transform: scale(2);
  }
}