body{color:#222;background-color:#efefef;background-image:radial-gradient(#999 1px,transparent 0);background-size:20px 20px;margin:32px 0}.container{max-width:80%;width:580px;margin:auto;display:flex;flex-direction:column;gap:16px}h1{font-size:32px;margin-bottom:24px}.title,h1{text-align:center;font-weight:500}.title{font-size:14px}.item{border:2px solid #222;padding:16px;border-radius:8px;display:flex;gap:16px;align-items:center;will-change:transform;background-color:#fff;transition:all .3s ease-in-out}.item:hover{border-color:#7e3af2;transform:scale(1.025)}.item svg{width:36px;height:36px;transition:all .3s ease-in-out}.item:hover svg{color:#7e3af2;fill:red}.item button{all:unset;margin-left:auto;background-color:#7e3af2;padding:12px 16px;border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease-in-out}.item button:hover{background-color:#7126f1}.item .filedata{display:flex;gap:4px;font-size:12px;margin-top:8px;color:#888}.filename{width:60%}