.banner-over-blog-post-container{--icon-size:94px;background:var(--color-purple-pastel);border-radius:var(--border-radius);display:grid;grid-column:1/-1;grid-row:3/4;grid-template-columns:var(--icon-size) min-content 1fr;grid-column-gap:var(--gap-16);grid-row-gap:var(--gap-8);padding-inline-end:var(--gap-8);padding-top:var(--gap-8)}.banner-over-blog-post-container .icon{align-self:end;grid-row:1/3;height:var(--icon-size);width:var(--icon-size)}.banner-over-blog-post-container .title{--font-size:var(--font-size-14);align-self:end;color:var(--color-violet);font-weight:500;grid-column:2/-1;text-transform:uppercase}.banner-over-blog-post-container .link{align-self:start;grid-column:2/3;min-width:90px;--font-size:var(--font-size-14);height:30px;padding:4px}.banner-over-blog-post-container .show-video-btn{background:var(--color-purple-pastel);color:var(--color-violet);grid-column:3/-1;padding:4px 0;width:fit-content;--font-size:var(--font-size-14)}@media (min-width:992px){.banner-over-blog-post-container{--icon-size:122px;padding-inline-start:var(--gap-24);grid-column-gap:var(--gap-24);grid-row-gap:var(--gap-16)}.banner-over-blog-post-container .title{--font-size:var(--font-size-18)}.banner-over-blog-post-container .link{min-width:150px}}@media (max-width:400px){.banner-over-blog-post-container{grid-template-columns:var(--icon-size) 1fr}.banner-over-blog-post-container .title{text-align:center}.banner-over-blog-post-container .icon{grid-row-end:4}.banner-over-blog-post-container .link,.banner-over-blog-post-container .show-video-btn{grid-column-start:2}.banner-over-blog-post-container .show-video-btn{justify-self:center}}