.document-item{align-items:center;background-color:var(--color-main-bg);border-radius:var(--border-radius);display:grid;grid-template-columns:max-content 1fr max-content max-content;grid-gap:var(--gap-8);padding:10px}.document-item button{--padding:0}@media (--desktop){.document-item{padding:15px}}@media (--mobile){.document-item button{grid-row:2/3}.view-btn:is(.document-item button){grid-column:3/4}.download-btn:is(.document-item button){grid-column:4/5}}@media (any-hover:hover){:is(.document-item button):hover path,:is(.document-item button):hover svg{fill:var(--color-hover-violet)}:is(.document-item .title):hover{text-decoration:underline}}