input[type='number'] {
-moz-appearance: textfield;
appearance: textfield;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.contador {
display: flex;
align-items: center;
gap: 0.4rem;
width: 100%;
}
.contador > input {
flex: 1 1 auto;
min-width: 3.5rem;
text-align: center;
font-weight: 700;
}
.contador .contador-btn {
display: grid;
place-items: center;
flex: 0 0 auto;
width: 44px;
min-width: 44px;
height: 44px;
border: 2px solid var(--line-pink-6);
border-radius: 50%;
background: var(--surface-pink-9);
color: var(--ink-pink-3);
font-size: 1.35rem;
font-weight: 800;
line-height: 1;
cursor: pointer;
}
.contador .contador-btn:hover:not(:disabled) {
border-color: var(--line-pink-4);
background: var(--surface-pink-4);
color: var(--ink-neutral-9);
}
.contador .contador-btn:disabled {
opacity: 0.35;
cursor: default;
}