/* BASE (shared everywhere) */
.save-btn{
    width:36px;
    height:36px;
    border-radius:50%;
    border:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all 0.2s ease;
    font-size:16px;
}

/* DEFAULT STYLE (normal inline usage) */
.save-btn.default{
    background:#f3f4f6;
    margin-left:10px;
}

.save-btn.default:hover{
    background:#e5e7eb;
    transform:scale(1.08);
}

/* OVERLAY STYLE (image corner) */
.save-btn.overlay{
    position:absolute;
    top:10px;
    right:10px;
left:auto; 
    background:rgba(255,255,255,0.9);
    z-index:10;
}

.save-btn.overlay:hover{
    background:#fff;
    transform:scale(1.1);
}

/* ICON COLORS */
.save-btn i{
    color:#444;
}

/* ACTIVE STATE */
.save-btn.active{
    background:#ef4444;
}

.save-btn.active i{
    color:#fff;
}

/* FOCUS REMOVE */
.save-btn:focus,
.save-btn:active,
.save-btn:focus-visible{
    outline:none;
    box-shadow:none;
}
.ml-10{
    margin-left:10px;
}