.audio-card{background:linear-gradient(180deg,#1e2a47,#5b0fdc);border-radius:12px;color:#fff;display:inline-block;font-family:sans-serif;margin:12px;padding:16px;position:relative;width:300px}.title{font-weight:700;margin:0 0 10px}.toggle-btn{background:#fff;border:none;border-radius:6px;color:#5b0fdc;cursor:pointer;font-size:16px;padding:8px}.progress-bar{background:#fff;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.progress{background:#fff;height:100%;width:0}.waveform{display:flex;gap:2px;margin-top:10px}.waveform span{animation:pulse 1.2s ease-in-out infinite;background:#fff;height:12px;width:4px}.waveform span:nth-child(2n){animation-delay:.2s}.waveform span:nth-child(3n){animation-delay:.4s}.waveform span:nth-child(4n){animation-delay:.6s}@keyframes pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.hidden{display:none}.visible{display:block}.audio-card-wrapper{display:flex;flex-wrap:wrap;gap:20px 0;margin:0 -10px}.audio-cards{padding:0 10px;width:33.33%}.audio-card{background:linear-gradient(180deg,#232d43,#232d43 19.23%,#581a96);border-radius:10px 10px 0 0;margin:0;padding:15px 30px;width:100%}p.title{font-size:18px;font-weight:600;line-height:160%;margin:0 0 10px}.ad-wrappp{align-items:center;display:flex!important}.ad-wrappp button{align-items:center;background:transparent;border:0;color:#fff;display:inline-flex;height:31px;justify-content:center;padding:0;text-align:center;text-decoration:none!important;width:25px}.ad-wrappp>div{background:transparent;height:3px;margin:0;padding-left:7px;width:calc(100% - 25px)}.ad-wrappp>div .progress{background:#fff;border-radius:3px;height:3px;width:100%!important}.ad-wrappp>div.visible{display:flex}.waveform{gap:3px}.waveform span{border-radius:3px;min-width:4px}.ad-wrappp>div.waveform{align-items:center;height:24px;overflow:hidden}.audio-card-image{border-radius:0 0 10px 10px;line-height:0;overflow:hidden}.audio-cards-inner{position:relative}div#audioCard1{background:transparent;border-radius:0;bottom:20px;left:50%;padding:0;position:absolute;transform:translateX(-50%);width:fit-content}p.title{display:none}.ad-wrappp{background:#fff;border-radius:68.48px;box-shadow:0 2.74px 2.74px 0 #00000040;cursor:pointer;padding:12px 30px;transition:all .3s ease}.ad-wrappp button{color:#222;font-size:26px;position:relative}.ad-wrappp>div .progress{display:none}.btn-text{color:#222;font-family:Open Sans;font-size:24px;font-weight:600;line-height:160%;white-space:nowrap}.ad-wrappp>div.progress-bar{height:auto}.ad-wrappp:hover{transform:scale(1.04)}.waveform span{background:#222}.ad-wrappp>div.waveform{height:38.41px;max-width:136.24px}[data-playing=true] .ad-wrappp button{top:-2px}.audio-cards-inner{border-radius:24px;overflow:hidden}.adc-content{font-size:18px;padding:36px 22px 30px}div#audioCard1{bottom:122px}.adc-content{padding:30px 0 0}.audio-card-image{position:relative}div#audioCard1{bottom:29px}.adc-content h4{font-weight:600;line-height:160%}.audio-card-wrapper{margin:0 -15px}.audio-cards{padding:0 15px}.adc-content{background:rgba(35,45,67,.7);font-size:16px;height:100%;line-height:160%;opacity:0;padding:20px;pointer-events:none;position:absolute;top:0;transition:all .5s ease;width:100%}.adc-content *{color:#fff}.audio-card-image:hover .adc-content{opacity:1}.audio-cards:last-child:first-child{width:100%}.audio-card-image{cursor:pointer}.ad-tp-content{font-size:18px;line-height:160%;margin:30px 0 0}.ad-tp-content strong{font-weight:700}.audio-cards:last-child:first-child div#audioCard1{bottom:20px}@media (max-width:767px){.audio-cards{padding:0 10px;width:100%}.audio-card-wrapper{gap:64px 0}.ad-tp-content{margin:20px 0 0}}