:root{--zero: 0;--xxs: 375px;--xs: 450px;--sm: 769px;--md: 980px;--lg: 1025px;--xl: 1100px;--2xl: 1280px;--3xl: 1440px;--4xl: 1920px}@media screen and (min-width: 980px){.md-max{display:none}}.card-post-story{position:relative;box-shadow:2px 0 15px #26262626;background:var(--black-80);border-radius:8px;padding:8px;height:100%;display:flex;flex-wrap:wrap;flex-direction:row-reverse;gap:24px;transition:background .3s ease}.card-post-story:hover{background:var(--black-10)}.card-post-story-image{position:relative;aspect-ratio:236/212;background:var(--black-10);border-radius:8px;overflow:hidden;flex:1 1}.card-post-story-image img{height:100%}.card-post-story-title{font-family:var(--font-primary);font-weight:400;font-size:var(--f-lg);color:var(--white)}.card-post-story-content{flex:1 1;padding:36px 16px}@media screen and (max-width: 979px){.card-post-story-content{padding:22px 10px}}.card-post-story-category{position:absolute;top:8px;right:8px;background:var(--red);color:var(--white);border-radius:4px;font-family:var(--font-primary);font-weight:400;font-size:var(--f-xs);text-transform:uppercase;padding:4px 8px}.card-post-story .link{margin-top:40px}.card-post-story .link svg{color:var(--yellow)}