.btn-artha {
    background: linear-gradient(
        to right,
        #2E7D32,
        #1B5E20
    );
    color: #fff;
    border: none;
    border-radius: 0.35rem;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.btn-artha:hover {
    background: linear-gradient(
        to right,
        #388E3C,
        #2E7D32
    );
    color: #fff;
}

.btn-artha:focus,
.btn-artha:active {
    background: #1B5E20 !important;
    box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.35);
}

.btn-artha i {
    opacity: 0.9;
}

.btn-artha-add {
    background: linear-gradient(to right, #43A047, #2E7D32);
    color: #fff;
    border: none;
    transition: all 0.2s ease-in-out;
}

.btn-artha-add:hover {
    background: linear-gradient(to right, #2E7D32, #1B5E20);
    color: #fff;
    transform: translateY(-1px);
}

.btn-artha-edit {
    background: linear-gradient(to right, #4CAF50, #2E7D32);
    color: #fff;
    border: none;
}

.btn-artha-edit:hover {
    background: linear-gradient(to right, #2E7D32, #1B5E20);
    color: #fff;
}
.btn-artha-edit i {
    opacity: 0.9;
}

.btn-artha-delete {
    background: linear-gradient(to right, #E53935, #B71C1C);
    color: #fff;
    border: none;
}

.btn-artha-delete:hover {
    background: linear-gradient(to right, #C62828, #8E0000);
    color: #fff;
}

.btn-artha-primary {
    background: linear-gradient(to right, #2E7D32, #1B5E20);
}
.btn-artha-primary:hover {
    background: linear-gradient(to right, #1B5E20, #0D3B12);
    color: #fff;
}

.btn-artha-secondary {
    background: linear-gradient(to right, #388E3C, #2E7D32);
}
.btn-artha-accent {
    background: linear-gradient(to right, #66BB6A, #43A047);
}