.FileCard{display:flex;flex-direction:column;width:100%;max-width:380px;border-radius:25px;border:1px solid #434343;background-color:#1c1d22;transition:all .2s;overflow:hidden;animation:fadeInSlideUp .6s ease-out forwards}.FileCard:hover{background-color:#e5dfd9;transition:all .2s}.FileCard:hover .top img.cover{transform:scale(1.5);transition:transform .5s}.FileCard:hover .bot h2,.FileCard:hover .bot h4{color:#121316}.FileCard .top{position:relative;width:100%;height:200px;overflow:hidden}.FileCard .top img.cover{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.FileCard .top .icons{position:absolute;bottom:10px;left:10px;display:flex;gap:10px}.FileCard .top .icons .icon{width:30px;height:30px;border-radius:50%}.FileCard .top span.views{position:absolute;display:flex;gap:5px;font-size:12px;bottom:10px;right:10px;padding:8px 12px 6px;border-radius:20px;background-color:#1c1d22;color:#d3d1ce;font-weight:700}.FileCard .top span.views svg{margin-top:-1px}.FileCard .bot{flex-direction:column;padding:1rem 2rem;width:100%;min-height:100px}.FileCard .bot,.FileCard .bot .actions{display:flex;justify-content:space-between}.FileCard .bot .actions{align-items:center}.FileCard .bot .actions h4{color:#19cd19;font-weight:700}.FileCard .bot h4{font-size:1.2rem;color:#e5dfd9}.FileCard .bot a,.FileCard .bot button{display:flex;align-items:center;gap:10px;padding:.7rem 2rem .7rem 1.5rem;width:auto;max-width:150px;margin:0 0 0 auto;border:1px solid #434343;outline:none;border-radius:5px;background-color:#1c1d22;font-weight:700;font-size:1.6rem;color:#e5dfd9;cursor:pointer;text-decoration:none}.FileCard .bot a svg,.FileCard .bot button svg{font-size:1.2rem;flex-shrink:0}.FileCard .bot a:hover,.FileCard .bot button:hover{background-color:#e5dfd9;color:#121316}.FileCard .bot a.disabled,.FileCard .bot button.disabled{opacity:.6}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}