.box{width:100%;text-align:center}.number .quantity{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:150px;padding:12px 24px 12px 16px;color:#7f7f7f;border-radius:40px;border:1px solid #ccc;background:var(--Error,#fff);box-shadow:-14px 10px 5px 0 rgba(92,92,92,0),-9px 6px 4px 0 rgba(92,92,92,.01),-5px 4px 4px 0 rgba(92,92,92,.05),-2px 2px 3px 0 rgba(92,92,92,.09),-1px 0 2px 0 rgba(92,92,92,.1)}.quantity input[type=number]{transition:border .3s ease-in-out,color .3s ease-in-out;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;font-family:Arial,sans-serif;font-size:14px;line-height:24px;font-weight:700;box-shadow:none;outline:0;width:42px;height:24px;text-align:center;float:left;background-color:none;color:#342f2f}.quantity input[type=number]:focus{border-color:#57b8f6!important}.quantity input[type=number]:hover{border-color:#a5a5a5}.quantity-button{width:20px;height:20px;padding:8px;display:inline-block;float:right;position:relative;cursor:pointer;border-radius:10px;background:#e6e6e6}.quantity-button::after,.quantity-button::before{position:absolute;top:calc(50% - 1px);left:calc(50% - 7px);content:"";width:14px;height:2px;background-color:currentColor;display:block}.quantity-remove::after{display:none}.quantity-add::after{transform:rotate(90deg)}