.article{color:var(--color--green);background-color:var(--color--white);border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;transition:background-color .3s ease-in-out;display:flex;position:relative}.article:hover{background-color:var(--color--yellow)}.article__visual{aspect-ratio:1;border-radius:.375rem;block-size:9rem;min-inline-size:9rem;overflow:hidden}.article__visual picture,.article__visual img{object-fit:cover;block-size:100%;inline-size:100%}.article__content{inline-size:100%}.article__header{align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.article__tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.article__tag{background-color:var(--color--beige);border-radius:1.5rem;padding:.5rem 1rem}.article__date{margin-inline:auto 0}.article__title{margin-block-end:1.125rem;font-size:1.125rem;font-weight:700}.article__btn{color:inherit;margin-inline:auto 0}.article__btn:after{content:"";position:absolute;inset:0}@media (width<=899px){.article{flex-direction:column}.article__visual{aspect-ratio:auto;inline-size:100%}.article__btn{inline-size:fit-content}}