.videos-list-section{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:5px;margin-bottom:1em;list-style:none;display:flex;& .video-item{--border-radius:7px;text-align:center;border-radius:var(--border-radius);background-color:var(--neutral-200);border:1px solid light-dark(#c3c3c3,#6c0000);flex:32%;min-width:20ch;position:relative;overflow:clip;box-shadow:0 3px 8px #0000003d;@media screen and (prefers-color-scheme:dark){box-shadow:0 0 6px #ff6b6be8}& .video-thumbnail{aspect-ratio:16/9;width:100%;height:auto}& .videoTitle{font-size:var(--fs-500);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-heading);font-family:var(--font-family-headline);color:var(--primary-900);padding-top:.2em}& p{margin:0;padding-top:.3em;padding-bottom:3.5em}& .videoTitle,& p{padding-inline:1ch}& .roundedButton{position:absolute;bottom:.35em;left:50%;transform:translate(-50%)}}& .youtube-video{& .roundedButton{color:#fff;background-color:#b30000;&:is(:focus,:hover){color:#ff0;background-color:#6b0000}}}}