.btn-play{--glow-size:35px;aspect-ratio:1;background-color:color-mix(in srgb,var(--c-def) 80%,transparent);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='26' fill='none' viewBox='0 0 21 26'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m5.008 1.166.045.03 13.186 8.79c.381.255.735.491 1.007.71.283.229.617.546.81 1.01a2.5 2.5 0 0 1 0 1.915c-.193.464-.527.781-.81 1.01-.272.219-.626.455-1.007.709L5.008 24.16c-.467.311-.886.591-1.242.784s-.845.413-1.415.38a2.5 2.5 0 0 1-1.845-.988c-.345-.456-.432-.985-.47-1.388C0 22.545 0 22.041 0 21.48V3.846c0-.56 0-1.064.037-1.467S.16 1.447.507.99A2.5 2.5 0 0 1 2.35.004c.57-.035 1.06.186 1.415.379.356.193.775.472 1.242.783' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:2rem;border-radius:50%;display:block;position:relative;width:9.6rem;&:after,&:before{-webkit-animation:button-ripple 3s infinite;animation:button-ripple 3s infinite;border-radius:50%;-webkit-box-shadow:0 0 0 0 currentColor;box-shadow:0 0 0 0 currentColor;color:var(--c-def);content:" ";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:-1}&:before{-webkit-animation-delay:.9s;animation-delay:.9s}&:after{-webkit-animation-delay:.3s;animation-delay:.3s}}@keyframes button-ripple{70%{-webkit-box-shadow:0 0 0 var(--glow-size,15px) currentColor;box-shadow:0 0 0 var(--glow-size,15px) currentColor;opacity:0}to{-webkit-box-shadow:0 0 0 0 currentColor;box-shadow:0 0 0 0 currentColor;opacity:0}}