.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
