.video-card{--border-radius:23px;align-items:stretch;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column}.video-card:hover{box-shadow:var(--shadow-hover);transition:var(--shadow-transition)}.video-card__button{-webkit-appearance:none;appearance:none;aspect-ratio:16/9;background-color:rgba(0,0,0,.2);border:0;border-radius:0;border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:pointer;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.video-card__button:after{background:rgba(0,0,0,.1);content:"";inset:0;position:absolute}.video-card__button-arrow{--width:clamp(50px,7vw,90px);height:var(--width);left:50%;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out;width:var(--width);z-index:2}.video-card__button:hover .video-card__button-arrow{opacity:1}.video-card__button-bg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.video-card__body{padding:clamp(20px,4vw,45px)}