.video-with-link-section .video-with-link-heading .caption{margin-bottom:.4rem}.video-with-link-section .video-with-link-heading .heading{margin-bottom:1.6rem;line-height:1.2}.video-with-link-section .video-with-link-heading .description{opacity:.6}.video-with-link-section .video-with-link-box{display:flex;gap:2rem}.video-with-link-section .video-with-link-box .video-poster{width:calc(50% - 10px);border-radius:20px;overflow:hidden}.video-with-link-section .video-poster .padding-img{padding-top:100%}.video-with-link-section .video-poster:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#00000080}.video-with-link-section .play-button{width:6.4rem;height:6.4rem;position:absolute;top:50%;cursor:pointer;display:block;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 0 4px #fff3}.video-with-link-section .play-button button{background-color:transparent;border:none;padding:0;display:flex;margin-left:2px;margin-top:3px}.video-with-link-section .article-link-list{width:calc(50% - 10px)}.video-with-link-section .article-link-item-box .padding-img{padding-top:48.632%}.video-with-link-section .article-link-item-box{border-radius:20px;overflow:hidden}.video-with-link-section .article-link-item{position:absolute;width:100%;padding:2rem;z-index:2;height:100%;bottom:0;left:0}.video-with-link-section .article-link-list .article-link-item-box:first-child:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(270deg,#0000 43.29%,#000c)}.video-with-link-section .article-link-item p{opacity:.8}.video-with-link-section .article-link-item .article-link{border-radius:40px;padding:.85rem 2.4rem;border:1px solid var(--border_color);width:fit-content;transition:all .5s ease-in-out}.video-with-link-section .article-link-item .article-link:hover{border:1px solid var(--primary-color)}.video-with-link-section .youtube-video{width:100%;height:100%;display:block;object-fit:cover;position:absolute;top:0;left:0;display:none;z-index:2}.video-with-link-section .padding-img img{display:block}.video-with-link-section .video-poster.active .padding-img img{display:none}.video-with-link-section .video-poster.active .youtube-video{display:block}.video-with-link-section .video-poster.active .play-button,.video-with-link-section .article-link-item-box .padding-img.mobile-image{display:none}@media screen and (min-width: 1024px) and (max-width: 1399px){.video-with-link-section .article-link-item .article-link{font-size:var(--small_body);padding:.55rem 1.5rem}}@media screen and (min-width: 1024px) and (max-width: 1249px){.video-with-link-section .article-link-item-box .padding-img{padding-top:65%}}@media screen and (max-width: 1023px){.video-with-link-section .video-with-link-box{flex-direction:column}.video-with-link-section .video-with-link-box .video-poster{width:100%}.video-with-link-section .video-poster .padding-img{padding-top:90%}.video-with-link-section .article-link-list{width:100%}.video-with-link-section .article-link-item{position:relative;background-color:var(--secondary-color);padding:24px 20px}.video-with-link-section .article-link-list .article-link-item-box:first-child:after{position:relative;content:"";background-color:none}.video-with-link-section .article-link-item-box .padding-img.mobile-image{display:block;padding-top:63.432%}.video-with-link-section .article-link-item-box .padding-img.desktop-image{display:none}.video-with-link-section .article-link-item-box{border-radius:10px}.article-link-item .article-link-item-content{color:var(--septenary-color)}.article-link-item ul li:not(:last-child) .article-link{border-bottom:0}.article-link-item ul li:last-child .article-link{border-radius:0 0 10px 10px}.article-link-item ul li:first-child .article-link{border-radius:10px 10px 0 0}.video-with-link-section .article-link-item ul{gap:0}.video-with-link-section .article-link-item .article-link{width:100%;padding:15px;border-radius:0;line-height:1;justify-content:space-between}.video-with-link-section .article-link-item ul li{width:100%}}@media screen and (max-width: 768px){.video-with-link-section .play-button{width:5rem;height:5rem}.video-with-link-section .video-with-link-heading .heading{margin-bottom:8px;line-height:1}.video-with-link-section .video-with-link-heading .caption{margin-bottom:8px}.video-with-link-section .video-with-link-heading .description{font-size:var(--ex-small_body)}.video-with-link-section .video-with-link-wrapper{gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/video-with-article-links.css.map */