.video-container{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin:40px auto;max-width:700px;overflow:hidden;position:relative;width:100%}.video-container video{border-radius:8px;display:block;height:auto;width:100%}.play-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.play-button,.play-overlay{align-items:center;display:flex;justify-content:center}.play-button{background-color:hsla(0,0%,100%,.8);border:none;border-radius:50%;cursor:pointer;height:70px;pointer-events:auto;transition:opacity .3s ease;width:70px}.play-button:before{border-bottom:14px solid transparent;border-left:24px solid #3e6bf2;border-top:14px solid transparent;content:"";display:block;height:0;width:0}.video-container.playing .play-button{opacity:0;pointer-events:none}@media (max-width:768px){.play-button{height:50px;width:50px}.play-button:before{border-bottom:10px solid transparent;border-left:18px solid #3e6bf2;border-top:10px solid transparent}}@media (max-width:480px){.video-container{border-radius:6px;margin:20px auto}.play-button{height:40px;width:40px}.play-button:before{border-bottom:8px solid transparent;border-left:14px solid #3e6bf2;border-top:8px solid transparent}}