body{height:100vh;overflow:hidden;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:monospace}.container{display:flex;flex-direction:column;align-items:center}.btns{display:flex;align-items:center;gap:1rem}.button1{padding:10px 30px;border-radius:30px;font-size:16px;border:transparent;background:#222;color:#fff;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='30' viewBox='0 0 24 24' width='30' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer;transition:all .3s ease}.btns div{background:#222;border-radius:30px;padding:7px 25px;cursor:pointer;color:#fff;font-weight:600;font-size:20px}.value{font-size:130px;color:#fff}.next{top:0;position:absolute;cursor:pointer;border:5px solid black;width:250px;background:#01301c;transition:all 1.5s}.next:active{border:5px solid #00ea86;background:#007543;color:#00ea86;transition:all .2s}.back{bottom:0;position:absolute;cursor:pointer;border:7px solid black;background:#01301c;transition:all 1.5s;width:80px}.back:active{border:7px solid #00ea86;background:#007543;color:#00ea86;transition:all .2s}.main{display:flex;flex-direction:column;align-items:center;position:relative;height:300px}.main-btn,.main-btn svg{display:flex;align-items:center;justify-content:center;border-radius:50%}.text{margin-top:20px;font-size:20px;font-weight:600;color:#fff}