.add-to-cart-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-inter);text-decoration:none;min-width:140px;justify-content:center;position:relative;overflow:hidden}.add-to-cart-btn:disabled{cursor:not-allowed;opacity:.6}.add-to-cart-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.add-to-cart-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.add-to-cart-btn.primary:active:not(:disabled){transform:translateY(0)}.add-to-cart-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.add-to-cart-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 8px 20px rgba(107,114,128,.3)}.add-to-cart-btn.outline{background:rgba(0,0,0,0);color:#2563eb;border:2px solid #2563eb}.add-to-cart-btn.outline:hover:not(:disabled){background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.3)}.add-to-cart-btn .cart-icon,.add-to-cart-btn .loading-spinner{width:18px;height:18px;flex-shrink:0}.add-to-cart-btn .loading-spinner{animation:spin 1s linear infinite}.add-to-cart-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.3)}.add-to-cart-btn:disabled .loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.add-to-cart-btn{padding:.625rem 1.25rem;font-size:.8rem;min-width:120px}.add-to-cart-btn .cart-icon,.add-to-cart-btn .loading-spinner{width:16px;height:16px}}@media(max-width:480px){.add-to-cart-btn{padding:.5rem 1rem;min-width:100px;font-size:.75rem}}