.quantity{width:7rem;height:2.75rem;display:flex;border:.0625rem solid var(--color-icon);border-radius:.6875rem;overflow:hidden}.quantity__button{flex:0 0 2.25rem;position:relative;cursor:pointer}.quantity__button:after,.quantity__button:before{content:"";position:absolute;top:50%;left:50%;transition:all .3s;margin:0 0 0 -.28125rem;background-color:var(--color-text-muted);width:.5625rem;height:.0625rem}.quantity__button--plus:before{transform:rotate(-90deg)}.quantity__input{flex:1 1 auto}.quantity__input input{height:100%;color:var(--color-text);font-family:var(--font-main);font-size:.875rem;width:100%;text-align:center}@media(any-hover:hover){.quantity__button:hover:after,.quantity__button:hover:before{background-color:var(--color-accent-light)}}