.play-button{--scale: scale(.95,.95);position:absolute;top:50%;left:50%;display:block;width:6.25rem;aspect-ratio:1/1;transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) var(--scale);transition:transform var(--trans-time) var(--trans-fnc);cursor:pointer;border:.625rem solid hsl(0,0%,98%);border-radius:50%;--shadow-radius: .5;box-shadow:0 0 .5 #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsla(0,0%,0%,var(--shadow-alpha, .15))}@media only screen and (max-width: 1024px){.play-button{--scale: scale(.8,.8)}}@media (hover: hover){.play-button:hover{--scale: scale(1,1);--trans-fnc: ease-in}}.play-button:after{display:block;content:"";width:100%;height:100%;background-color:#00000080;opacity:.5;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);border-radius:50%}.play-button:before{display:block;content:"";width:0;height:0;border-style:solid;border-width:1.25rem 0 1.25rem 2.5rem;border-color:transparent transparent transparent hsl(0,0%,98%);z-index:2;position:absolute;top:50%;left:50%;transform:translate(-40%) translateY(-50%)}.play-button__container{position:relative;width:100%;max-width:35rem;overflow:hidden;border-radius:.8em;--shadow-radius: 2em;box-shadow:0 0 2em #00000026;box-shadow:0 0 var(--shadow-radius) 0 hsla(0,0%,0%,var(--shadow-alpha, .15))}.play-button__container img{display:block;max-width:100%;height:auto}
