.doc-card{border:1px solid var(--white);border-radius:10px;padding:15px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;background-color:var(--light-gray);box-shadow:0 4px 8px var(--gray)}.doc-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.doc-name{font-size:1.1em;font-weight:500;color:var(--black);margin-right:20px;flex-grow:1;white-space:initial;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.doc-name{font-size:1em;margin-right:15px}}@media (max-width: 480px){.doc-name{font-size:.9em;margin-right:10px}}.button-group{flex-shrink:0}.button-group .btn{margin-left:10px}.custom-button{display:inline-block;background-color:var(--light-blue);color:#fff;font-size:1em;font-weight:700;text-transform:uppercase;padding:10px 20px;text-decoration:none;border:none;border-radius:5px;transition:background-color .5s ease,color .5s ease}.custom-button:hover{background-color:var(--hot-pink);color:#f8f8f8}@media (max-width: 576px){.doc-card{flex-direction:column;align-items:flex-start}.button-group{margin-top:10px;width:100%;display:flex;justify-content:space-between}.button-group .btn{width:48%}}