/* Add these to your existing CSS file */

/* Amazon Button */
.btn-buy-amazon {
    background: linear-gradient(135deg, #ff9900 0%, #ff7700 100%);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-buy-amazon:hover {
    background: linear-gradient(135deg, #ff7700 0%, #ff5500 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 153, 0, 0.3);
    color: white;
}

/* Newegg Button */
.btn-buy-newegg {
    background: linear-gradient(135deg, #ff6900 0%, #ff4500 100%);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-buy-newegg:hover {
    background: linear-gradient(135deg, #ff4500 0%, #ff2200 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(255, 105, 0, 0.3);
    color: white;
}

/* Best Buy Button */
.btn-buy-bestbuy {
    background: linear-gradient(135deg, #0046be 0%, #003399 100%);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-buy-bestbuy:hover {
    background: linear-gradient(135deg, #003399 0%, #002266 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 70, 190, 0.3);
    color: white;
}

/* Generic Store Button */
.btn-buy-generic {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
    border: none;
    color: white;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-buy-generic:hover {
    background: linear-gradient(135deg, #495057 0%, #343a40 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(108, 117, 125, 0.3);
    color: white;
}

/* Small button variations for table use */
.btn-sm.btn-buy-amazon,
.btn-sm.btn-buy-newegg,
.btn-sm.btn-buy-bestbuy,
.btn-sm.btn-buy-generic {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}