.video-module{--play-button-width:112px;--play-button-height:80px;--play-button-color:var(--color-blue)}@media (max-width:768px){.video-module{--play-button-width:100px;--play-button-height:70px}}.video-module video,.video-module iframe{aspect-ratio:16/9;border-radius:16px;width:100%}.video-module .video-player{--button-scale:1;--shadow-size:0;filter:drop-shadow(0 0 var(--shadow-size)#0003);transition:filter .2s;position:relative}.video-module .video-player.paused{cursor:pointer}.video-module .video-player.paused:hover{--button-scale:1.1;--shadow-size:10px}.video-module .video-player:not(.paused) .custom-play-button{display:none}.video-module .video-player .custom-play-button{top:calc(50% - calc(var(--play-button-height)/2));left:calc(50% - calc(var(--play-button-width)/2));background-color:var(--play-button-color);width:var(--play-button-width);height:var(--play-button-height);transform:scale(var(--button-scale));pointer-events:none;border:0;border-radius:25%;justify-content:center;align-items:center;padding:0 0 0 8px;transition:transform .2s;display:flex;position:absolute;box-shadow:0 12px 20px #0009}.video-module .video-player .custom-play-button:after{content:"";border:16px solid #0000;border-width:16px 0 16px 32px;border-left-color:var(--color-white);border-radius:2px;margin:0 auto}
