/* <- Demo Stuff Start */
  .btn-new {
    height: 40px;
    width: 80px;
    flex: 1 1 auto;
    margin: 10px;
    /* padding: 16px; */
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
   /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    cursor: pointer;
   }
  
  /* Demo Stuff End -> */
  
  /* <- Magic Stuff Start */
  
  .btn-new:hover {
    background-position: right center; /* change the direction of the change here */
  }
  
  .btn-new-1 {
    background-image: linear-gradient(to right, #f6d365 0%, #fda085 41%, #f6d365 100%);
  }
  .btn-new-1:hover{
    background-image: linear-gradient(to right, #f6d365 0%, #fda085 30%, #f6d365 100%);
  }