_voicechat.scss

@keyframes voicechat-glowing {
  40% {
    background: none;
  }

  50% {
    background: $m-secondary_bg--mix-30;
  }

  60% {
    background: $m-primary_bg--mix-30;
  }

  70% {
    background: none;
  }
}

.voicechat {
  flex: 0 1 auto;
  animation: voicechat-glowing 1.5s ease-in-out infinite;

  &-slot {
    animation: none;
    opacity: 0.6;

    &:hover {
      opacity: 1;
    }
  }

  &-off {
    animation: none;
  }

  &-on {
    background: $c-good;
    color: $c-over;
    animation: none;

    &:hover {
      background: $c-bad !important;
      color: $c-over !important;
    }
  }

  &::after {
    @include inline-start(0);
    @include inline-end(auto);

    top: 1px;
    background: none;
    box-shadow: none;
  }
}