#canvas{
    margin: auto;
    background: #ececec;
    

}

#blue{
    background: #0366f8;
    color: #fff;
    outline-color: #fff;
}


#blue {
    width: 140px;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 500;
    
    border: none;
    
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    }
  
  #blue:hover {
   
    box-shadow: 0px 1px 10px rgba(3, 102, 248, 1);
    color: #fff;
    transform: translateY(-7px);
  }


  
 .inc{
     background: #ececec;
     padding:0 0.5rem;
 }

 span {cursor:pointer; }
 
.minus{
    
    background: #0366f8 !important;
    color: #fff !important;
}
.plus{
    background: #0366f8 !important;
    color: #fff !important;
}

 .numbers{
     margin-top: 10px;
 }