.gradient-btn {
    background: linear-gradient(to right, var(--primary-color), var(--primary-dark));
    color: white;
    border: none;
    padding: 6px 14px;
    border-radius: 8px;
    font-weight: 500;
    transition: var(--transition);
}

    .gradient-btn:hover {
        opacity: 0.9;
        transform: translateY(-1px);
    }

.icon-btn {
    background: none;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    transition: var(--transition);
}

    .icon-btn:hover {
        transform: scale(1.2);
    }

.receipt-btn {
    width: 100%;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 0.75rem;
    transition: all 0.3s ease;
}

    .receipt-btn.thermal {
        background: #6c5ce7;
        color: white;
        border: none;
    }

    .receipt-btn.standard {
        background: #fd79a8;
        color: white;
        border: none;
    }

    .receipt-btn.sat {
        background: #00b894;
        color: white;
        border: none;
    }

    .receipt-btn:hover {
        opacity: 0.9;
        transform: scale(1.02);
    }

.btn-gradient {
    background: linear-gradient(135deg, #6c5ce7, #a29bfe);
    color: white;
    border: none;
    transition: all 0.3s ease;
}

    .btn-gradient:hover {
        background: linear-gradient(135deg, #5649c0, #6c5ce7);
        transform: scale(1.02);
    }