.folder-card{

    border:none;

    border-radius:14px;

    transition:.25s;

    overflow:hidden;

}

.folder-card:hover{

    transform:translateY(-4px);

    box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.folder-card .btn {

    margin-right:5px;

}

.folder-card .card-body{
    padding:22px;
}

.folder-card h5{
    font-weight:600;
}

.folder-card hr{
    opacity:.12;
}

.toast-success{
    background:#198754;
    color:#fff;
}

.toast-danger{
    background:#dc3545;
    color:#fff;
}

.toast-warning{
    background:#ffc107;
    color:#000;
}

.toast-info{
    background:#0dcaf0;
    color:#000;
}


.folder-overlay{

    position:absolute;

    inset:0;

    display:flex;

    justify-content:flex-end;

    align-items:flex-start;

    gap:8px;

    padding:12px;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.35),
        rgba(0,0,0,0)
    );

    opacity:0;

    transition:.25s;

}

.gallery-card{

    position:relative;

    overflow:hidden;

}

.gallery-card:hover .folder-overlay{

    opacity:1;

}

.folder-btn{

    width:38px;

    height:38px;

    border:none;

    border-radius:10px;

    background:rgba(255,255,255,.92);

    color:#222;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.2s;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}

.folder-btn:hover{

    transform:translateY(-2px);

    background:#0d6efd;

    color:#fff;

}

.folder-menu{

    border:none;

    border-radius:14px;

    overflow:hidden;

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}