@keyframes wave{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}@keyframes breathing{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.recording-active{position:relative;animation:breathing 2s ease-in-out infinite}.recording-active:after,.recording-active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:#dc3545;z-index:-1;opacity:.6;animation:wave 2s ease-out infinite}.recording-active:after{animation-delay:-1s}