.audio-player-section{padding:88px 0}.audio-player-left{width:40%}.audio-player-right{min-height:280px;transition:all 1s;width:48.7%}.audio-player-right-wrapper{border-radius:20px}.audio-player-section .audio-container{align-items:center;display:flex;justify-content:center}.audio-player-section .overlay:before{background:rgba(0,0,0,.4);transition:all 1s}.audio-player-section .play-button{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:96px;justify-content:center;position:relative;transition:background-color .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:96px}.audio-player-section .play-button.playing{background-color:#fff;transform:translateX(-10px)}.audio-player-section .overlay:hover:before{background:rgba(0,0,0,.7)}.audio-player-section .play-icon{border-bottom:20px solid transparent;border-left:28px solid var(--color3);border-radius:5px;border-top:20px solid transparent;height:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.play-button.playing .play-icon{align-items:center;background-color:transparent;border:none;display:flex;height:28px;justify-content:space-between;width:15px}.play-button.playing .play-icon:after,.play-button.playing .play-icon:before{background-color:var(--color3);border-radius:2px;content:"";height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);width:5px}.audio-player-section .soundwave{align-items:center;display:none}.audio-player-section .soundwave.playing{display:flex}.audio-player-section .bar{animation:soundwave 1s infinite;background-color:#fff;height:20px;margin:0 2px;opacity:0;width:4px}.audio-player-section .bar:nth-child(2){animation-delay:.2s}.audio-player-section .bar:nth-child(3){animation-delay:.4s}.audio-player-section .bar:nth-child(4){animation-delay:.6s}.audio-player-section .bar:nth-child(5){animation-delay:.8s}.audio-player-section .soundwave.playing .bar{opacity:1}@keyframes soundwave{0%{transform:scaleY(1)}50%{transform:scaleY(2)}to{transform:scaleY(1)}}@media (max-width:767px){.audio-player-section{padding:40px 0}.audio-player-left{padding-bottom:40px;text-align:center;width:100%}.audio-player-right{width:100%}.audio-player-section .play-button{height:60px;width:60px}.play-button.playing .play-icon{height:18px}.audio-player-section .play-icon{border-bottom:10px solid transparent;border-left:18px solid var(--color3);border-top:10px solid transparent}}