.counter-container{background-color:#1c2321;border:10px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:20px;margin:10px auto;padding:10px 20px;display:flex}.counter{text-align:center;color:#0cec35;background-color:#0f2b14;border:1px solid #006b19;border-radius:8px;width:200px;padding:10px;font-family:Orbitron,sans-serif;font-size:32px}.counter-controls{flex-direction:column;gap:20px;display:flex}.counter-controls button{cursor:pointer;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;font-size:30px;transition:background-color .3s;display:flex}.counter-controls .decrement{background-color:#ff8d84}.counter-controls .decrement:hover{background-color:#ff7268}.counter-controls .increment{background-color:#70b77e}.counter-controls .increment:hover{background-color:#37b750}.reset{text-align:center;letter-spacing:3.5px;text-transform:uppercase;writing-mode:vertical-lr;text-orientation:upright;cursor:pointer;color:#fff;background-color:#3e6680;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:84px;font-size:10px;font-weight:700;transition:background-color .3s;display:flex}.reset:hover{background-color:#33576e}