#bloque-sonido{display:flex;position:fixed;bottom:1rem;left:1%;cursor:pointer}#cuadro{border:1px solid #fff;width:1.2rem;border-radius:.2rem;justify-content:space-around;align-items:flex-end;overflow:hidden}#cuadro,#sonido{height:1rem;display:flex}#sonido{align-content:center;margin-right:.5rem;color:#fff}p{display:flex;align-self:center;margin:0}.barra{width:5px;background-color:gray;height:40%;animation:sound 1s cubic-bezier(.455,.03,.515,.955) infinite alternate;transform-origin:bottom}.inactivo .barra{animation:none;background-color:#d3d3d3}.activo .barra{animation-play-state:running;background-color:#fff}@keyframes sound{0%{transform:scaleY(.3)}25%{transform:scaleY(1.2)}50%{transform:scaleY(.7)}75%{transform:scaleY(1.5)}to{transform:scaleY(.4)}}