.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    font-family: 'Courier New', monospace;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid #333;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #1a1a1a;
    color: #e6e6e6;
}

.btn:hover {
    background: #2a2a2a;
    border-color: #444;
    color: #fff;
}

.btn:active {
    background: #111;
    transform: translateY(1px);
}

.btn:disabled {
    background: #0a0a0a;
    color: #555;
    cursor: not-allowed;
    border-color: #222;
}

.btn-primary {
    background: #f05a28;
    border-color: #f05a28;
    color: #fff;
}

.btn-primary:hover {
    background: #e04924;
    border-color: #e04924;
}

.btn-secondary {
    background: #2a2a2a;
    border-color: #444;
}

.btn-secondary:hover {
    background: #3a3a3a;
    border-color: #555;
}

.btn-danger {
    background: #1a1a1a;
    border-color: #8b0000;
    color: #ff6b6b;
}

.btn-danger:hover {
    background: #2a1515;
    border-color: #b00;
}

.btn-success {
    background: #1a1a1a;
    border-color: #006400;
    color: #6bff6b;
}

.btn-success:hover {
    background: #152a15;
    border-color: #0b0;
}

.btn-sm {
    padding: 6px 12px;
    font-size: 12px;
}

.btn-lg {
    padding: 14px 28px;
    font-size: 16px;
}

.btn-block {
    display: flex;
    width: 100%;
}