.video-card-container{align-items:center;display:flex;justify-content:center;padding-bottom:40px;padding-top:40px}.video-card{background-position:50%;background-size:cover;border-radius:20px;display:block;height:500px;max-width:600px;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:100%}.video-card:hover{box-shadow:0 0 30px rgba(255,215,0,.4);transform:scale(1.02)}.video-card:before{background:linear-gradient(to top right,#fff,gold);border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:3px;pointer-events:none;position:absolute;z-index:1}.video-card:after{background:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.5) 60%,transparent);border-radius:20px 20px 0 0;content:"";height:200px;left:0;position:absolute;right:0;top:0;z-index:0}.play-button{left:50%;opacity:.95;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease;z-index:2}.play-button svg{fill:#fff;filter:drop-shadow(0 8px 16px rgba(0,0,0,.65));height:120px;width:120px}.video-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.video-header{color:#fff;left:0;padding:30px;position:absolute;top:0;z-index:1}.video-title{color:#fff;font-size:42px;line-height:1.1;margin:0 0 5px;text-transform:uppercase}.video-cta,.video-title{font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.video-cta{color:gold;font-size:32px;margin:0 0 20px}.video-content{bottom:0;color:#fff;left:0;padding:30px;position:absolute;right:0;z-index:1}.video-description{font-size:18px;font-weight:400;line-height:1.4;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.8)}@media (max-width:768px){.video-card-container{padding:20px 15px}.video-card{height:400px}.play-button svg{height:120px;width:120px}.video-title{font-size:32px}.video-cta{font-size:24px}.video-description{font-size:16px}.video-content{padding:20px}}