.tk-audio-recorder {
  display: inline-flex;
  align-items: center;
}

.tk-audio-recorder__action {
  padding: 0.6em 0.8em;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;

  font-family: 'Roboto', sans-serif;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  border-radius: 4px;

  background: transparent;
}

.tk-audio-recorder__action:hover {
  background: rgba(0, 0, 0, 0.04);
}

.tk-audio-recorder__indicator {
  margin-right: 1rem;
  position: relative;
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;

  border: 2px solid red;
  border-radius: 50%;

  background: transparent;

  animation: pulse 800ms ease-in-out alternate both infinite;
}

.tk-audio-recorder__indicator::after {
  content: '';

  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);


  width: 0.75rem;
  height: 0.75rem;

  border-radius: 50%;

  background: red;
}

.tk-audio-recorder__icon {
  margin-left: 0.5rem;
  font-size: 1.25rem;
}


@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

   100% {
    opacity: 0;
   }
}