.slider {
              -webkit-appearance: none;
              width: 40%;
              height: 10px;
              border-radius: 2px;  
              background: #d3d3d3; /*Bar color*/
              outline: none;
              opacity: 0.7;
              -webkit-transition: .2s;
              transition: opacity .1s;
            }

.slider::-webkit-slider-thumb {
              -webkit-appearance: none;
              appearance: none;
              width: 25px;
              height: 25px;
              border-radius: 50%; 
              background: #0072BD; /*Dot color*/
              cursor: pointer;
            }

.slider::-moz-range-thumb { 
            width: 25px; 
            height: 25px; 
            border-radius: 50%; 
            background: #0072BD; 
            cursor: pointer; }

.button2 { 
            padding: 15px 32px; 
            text-align: center; 
            font-size: 16px; 
            margin: 4px 2px; 
            cursor: pointer; 
        }