.quantity { display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-radius: 2rem; padding: 0.5rem; border: 1px solid #e5e5e5; width: fit-content; gap: 8px; /* Adds space between buttons and input */ } .qty_button { background-color: #f2f2f2; border: none; color: #ffffff; cursor: pointer; font-size: 18px; font-weight: bold; width: 35px; /* Adjusted for a more compact look */ height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; /* Makes buttons fully round */ user-select: none; } input.qty_button { text-align: center; padding: 0; line-height: 35px; /* Ensure vertical alignment */ } .qty_button:hover { background-color: #e0e0e0; } .qty_button:active { background-color: #d6d6d6; } .input-text.qty { border: none; background: transparent; font-size: 18px; font-weight: bold; text-align: center; width: 40px; /* Smaller width to match compact design */ padding: 0; } .input-text.qty:focus { outline: none; } input.input-text.qty.text { width: 2rem; } Add to cart