/* Shared Button System */

/* The Base Structure - Use this on every button/link */
.btn-base {
    padding: 0.6rem 1.2rem;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1.2;
    border: 1px solid;
    text-align: center;
    transition: background 0.2s, opacity 0.2s;
}

.btn-base:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Color Modifiers */
.btn-green {
    background: #bcf1c0;
    color: #2e7d32;
    border-color: #76aa77;
}
.btn-green:hover { background: #86d699; }

.btn-grey {
    background: #dddddd;
    color: #414040;
    border-color: #9e9e9e;
}
.btn-grey:hover { background: #b1b1b1; }

.btn-red {
    background: #ffebee;
    color: #c62828;
    border-color: #f0b2b9;
}
.btn-red:hover { background: #ffcdd2; }

.btn-blue {
    background: #e3f2fd;
    color: #1565c0;
    border-color: #90caf9;
}
.btn-blue:hover { background: #bbdefb; }

/* Layout Helper */
.form-actions {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}