.play-button{--scale: scale(.95,.95);border:.625rem solid var(--color-bg);border-radius:circle;border-radius:50%;--shadow-radius: 1rem;transition:box-shadow var(--trans-time) var(--trans-fnc);box-shadow:0 0 1rem #00000080;box-shadow:0 0 var(--shadow-radius) 0 hsl(0 0% 0%/var(--shadow-alpha, .5));position:absolute;top:50%;left:50%;display:block;width:6.25rem;aspect-ratio:1;transform:translate(-50%,-50%) scale(.95);transform:translate(-50%,-50%) var(--scale);transition:transform var(--trans-time) var(--trans-fnc);z-index:10;cursor:pointer}@media (hover: hover){a.play-button:hover,button.play-button:hover,select.play-button:hover,input.play-button:hover,textarea.play-button:hover{--shadow-alpha: 30%}}input.play-button:focus,textarea.play-button:focus,.play-button:not(a):not(button):not(select):not(input):not(textarea){--shadow-alpha: 30%}@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{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:var(--color-overlay);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 var(--color-bg);z-index:2}