.case-studies-container{display:flex;flex-wrap:wrap;gap:32px;min-height:300px}.cs-card-wrapper{margin-bottom:32px;width:calc(33% - 21px);& .video-player__thumbail-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:0}& .video-player__thumbail-wrapper:before{background:rgba(3,168,245,.7);content:"";height:100%;inset:0;position:absolute;width:100%;z-index:1}& .video-player__thumbnail{position:absolute;z-index:0}& .video-modal-trigger__icon{z-index:2;& svg{fill:#fff;margin-left:2px;transition:all .25s ease-out}}& .video-player-wrapper{height:181px;position:static!important}.video-player__icon{background-color:hsla(0,0%,100%,.5);border-radius:50px;height:50px;left:50%;padding:15px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .25s ease-out;width:50px}&:hover{& .video-player__icon{background-color:#fff;box-shadow:var(--box-shadow-hover);transform:translate(-50%,-50%) scale(1.1)}& .video-player__icon svg{fill:var(--primary-300);transform:scale(1.1)}}}@media (max-width:820px){.cs-card-wrapper{width:calc(50% - 24px)}}@media (max-width:640px){.cs-card-wrapper{width:100%}}