.article-base{background:var(--c-white);border:1px solid var(--c-grey-2);border-radius:1.2rem;height:100%;padding:3.6rem;position:relative;transition:background-color .3s;@media (max-width:1023px){padding-bottom:3.5rem;padding-left:3.6rem;padding-right:3.6rem;padding-top:3.5rem}.article__link{height:100%;left:0;position:absolute;top:0;width:100%}.ico-green{--ico-bg-color:var(--c-def);--ico-txt-color:var(--bg-color)}.ico-gray{--ico-bg-color:#eff2f6;--ico-txt-color:var(--bg-color)}.ico-tr-bg{--ico-bg-color:transparent;--ico-txt-color:var(--bg-color)}.ico-black{--ico-bg-color:#061c26;--ico-txt-color:var(--c-def)}.article__ico{align-items:center;aspect-ratio:1;background-color:var(--ico-bg-color,var(--c-def));border-radius:.8rem;color:var(--ico-txt-color,var(--bg-color));display:flex;justify-content:center;overflow:hidden;transition:color .3s,background-color .3s;width:4.8rem;&:not(:last-child){margin-bottom:1.6rem;@media (max-width:767px){margin-bottom:1.9rem}}img{max-width:1.5rem}}.article__ico-tag{background-color:var(--ico-bg-color,var(--c-def));border-radius:.8rem;color:var(--ico-txt-color,var(--bg-color));display:block;font-size:1.4rem;font-weight:500;letter-spacing:1px;margin-bottom:1.6rem;padding:.8rem 1.6rem;width:fit-content}.article__image{margin-bottom:2.4rem}@media (min-width:1024px){:has(.article__link:hover){background-color:var(--c-def);.article__ico{background-color:var(--c-blue-2);color:var(--c-white)}}}}