.article-clients{background:var(--c-grey);border:1px solid #e6e8e9;border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:3.6rem;position:relative;transition:background .3s;.article__link{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.article__content{display:flex;flex-wrap:wrap;position:relative;h5{align-self:center;flex-grow:1;margin-bottom:0;max-width:calc(100% - 6rem);@media (max-width:767px){line-height:1.46}}p{margin-top:3rem;@media (max-width:767px){margin-top:2rem}}}.article__btn{align-items:center;align-self:center;aspect-ratio:1;background-color:var(--c-def);border-radius:50%;color:var(--c-base);display:flex;justify-content:center;margin-left:auto;transition:background-color .3s,color .3s;width:4.8rem;&:after{aspect-ratio:1;background-color:currentColor;content:"";mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23061c26' d='M10 5a1 1 0 0 0 0 2h5.586L5.293 17.293a1 1 0 1 0 1.414 1.414L17 8.414V14a1 1 0 1 0 2 0V6a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");mask-size:100% 100%;width:50%}}.article__media{margin-top:1.9rem;img{aspect-ratio:315/236;height:auto;object-fit:cover;width:100%;@media (max-width:767px){aspect-ratio:270/236}}}&:has(.article__link:hover){@media (min-width:1024px){background:var(--c-def);.article__btn{background-color:var(--c-featured-2);color:var(--c-white)}}}&.article-clients--media-short{.article__media{img{aspect-ratio:510/243.2}}}}