@layer components {
  /*
   * Recording button
   */
  
  .btn-recording {
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  
  @keyframes pulse {
    0% {
      box-shadow: 0px 0px 5px 0px rgb(var(--rgb-red-recording) / 0.3);
    }
    65% {
      box-shadow: 0px 0px 5px 13px rgb(var(--rgb-red-recording) / 0.3);
    }
    90% {
      box-shadow: 0px 0px 5px 13px rgb(var(--rgb-red-recording) / 0);
    }
  }
}