/* assets/css/product-button.css */

.spg-quick-buy-wrap {
    margin: 12px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.spg-quick-buy-btn {
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    border-radius: 6px !important;
    color: #fff !important;
    cursor: pointer;
    transition: filter 0.2s, transform 0.1s;
    width: auto !important;
    flex: 1 1 auto;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

.spg-quick-buy-btn:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.spg-quick-buy-btn:active {
    transform: translateY(0);
    filter: brightness(0.95);
}

.spg-spinner {
    font-size: 1.2rem;
    animation: spg-spin 0.8s linear infinite;
    display: inline-block;
}

@keyframes spg-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

.spg-error {
    width: 100%;
    font-size: 0.85rem;
    margin: 4px 0 0;
}