.play-button{--scale: scale(.95,.95);border:.625rem solid hsl(0,0%,98%);border-radius:circle;border-radius:50%;box-shadow:0 0 2em #00000080;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}@media only screen and (max-width: 1024px){.play-button{--scale: scale(.8,.8)}}.play-button:hover{--scale: scale(1,1);--trans-fnc: ease-in}@media only screen and (max-width: 1024px){.play-button:hover{--scale: scale(.8,.8)}}.play-button:after{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);border-radius:circle;border-radius:50%;display:block;content:"";width:100%;height:100%;background-color:#00000080;opacity:.5;z-index:1}.play-button:before{position:absolute;top:50%;left:50%;transform:translate(-40%) translateY(-50%);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}.play-button__container{border-radius:m;border-radius:.8em;box-shadow:0 0 2em #00000026;position:relative;width:100%;max-width:35rem;overflow:hidden}.play-button__container img{display:block;max-width:100%;height:auto}