/* Phoenix P3.7.3 — DarlinkButtons */

.darlink-btn-primary{
    background:var(--darlink-primary);
    border-color:var(--darlink-primary);
    color:#fff;
    border-radius:12px;
    font-weight:600;
}

.darlink-btn-primary:hover{
    background:var(--darlink-primary-hover);
    border-color:var(--darlink-primary-hover);
    color:#fff;
}

.darlink-icon-btn{
    width:32px;
    height:32px;
    border-radius:9px;
    border:1px solid transparent;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:2px;
    text-decoration:none;
    transition:all .18s ease;
    background:#f8fafc;
    color:#475569;
}

.darlink-icon-btn:hover{
    transform:translateY(-1px);
}

.darlink-icon-btn-view{
    color:#0f4c81;
    background:#f1f7ff;
    border-color:#dbeafe;
}

.darlink-icon-btn-view:hover{
    background:#dbeafe;
    color:#0f4c81;
}

.darlink-icon-btn-edit{
    color:#7c3aed;
    background:#f7f3ff;
    border-color:#ede9fe;
}

.darlink-icon-btn-edit:hover{
    background:#ede9fe;
    color:#6d28d9;
}

.darlink-icon-btn-delete{
    color:#dc2626;
    background:#fff5f5;
    border-color:#fee2e2;
}

.darlink-icon-btn-delete:hover{
    background:#fee2e2;
    color:#b91c1c;
}

.darlink-icon-btn-order{
    color:#047857;
    background:#ecfdf5;
    border-color:#d1fae5;
}

.darlink-icon-btn-order:hover{
    background:#d1fae5;
    color:#065f46;
}