.counter,.counter-btn{align-items:center;display:flex}.counter-btn{background-color:#f5f5f5;cursor:pointer;height:46rem;justify-content:center;min-width:46rem;transition:background-color .2s}.counter-btn:hover svg rect{fill:#000}.counter-btn:hover{background-color:#fbf3de}.counter-btn:active{background-color:#fc0}.counter-btn svg{height:100%;width:100%}.counter-input{-webkit-appearance:none;-moz-appearance:textfield;appearance:none;border:2rem solid #f5f5f5;font-size:20rem;font-weight:600;height:46rem;margin:0 9rem;outline:none;text-align:center;transition:border-color .2s;width:60rem}.counter-input:focus,.counter-input:hover{border-color:#fc0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}