.videos__wrapper.marigold{background:var(--marigold)}.videos__wrapper.purple{background:var(--gradient-fuchsia-purple);color:var(--white)}.videos__wrapper.yellow{background:var(--gradient-yellow-marigold)}.videos{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.videos .video{appearance:none;background:transparent;border:0;border-radius:8rem;color:var(--baseColor);cursor:pointer;line-height:1.75;padding:1rem 1rem 3rem;transition:all .3s ease;width:100%}.videos__wrapper.purple .video{color:#fff}.videos .video:hover{background:var(--orange);box-shadow:0 0 30px 0 hsla(0,0%,100%,.5)}.video__thumb{aspect-ratio:1;border:.7rem solid #fff;border-radius:7rem;margin-bottom:2rem;overflow:hidden;position:relative;transition:border .3s ease}.video:hover .video__thumb{border-color:var(--yellow)}.video__thumb img{height:100%!important;object-fit:cover;width:100%!important}.video__thumb svg{left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%)}.video__thumb svg path{transition:all .3s ease;fill:var(--white)}.video:hover svg path{fill:var(--yellow)}.video__content{display:grid;font-weight:500;gap:1rem;padding:0 1rem;text-align:center}@media (min-width:500px){.videos .video{width:calc(50% - 1rem)}}@media (min-width:700px){.videos .video{width:calc(33.33333% - 1.33333rem)}}@media (min-width:1025px){.videos .video{width:calc(25% - 1.5rem)}}