button {
      position: relative;
      height: auto;
      width: auto;
      margin: 5px 0px;
      padding: 7px 20px;
      font-size: 19px;
    font-family:gelasio;
      color: #163963;
      letter-spacing:1.8px;
      border: 1px #163963 solid;
      border-radius: 3px;
      outline: 0;
      overflow:hidden;
      background: none;
      z-index: 1;
      cursor: pointer;
      transition:         0.23s ease-in;
      -o-transition:      0.23s ease-in;
      -ms-transition:     0.23s ease-in;
      -moz-transition:    0.23s ease-in;
      -webkit-transition: 0.23s ease-in;
      transition-timing-function: cubic-bezier(0.03, 0.3, 0.46, 0.26);
    }

    .fill:focus {
      background: rgb(1, 80, 145, 1);
        color: #ffffff;
      letter-spacing:1.2px;
    }

    .fill:active {
      background: rgb(1, 80, 145, 1);
        color: #ffffff;
      letter-spacing:1.2px;

    }

    .fill:hover {
      color: #ffffff;
      letter-spacing:1.2px;

    }
    .fill:before {
      content: "";
      position: absolute;
      background: linear-gradient(to right, rgba(22,57,99), rgb(1, 80, 145) );
      bottom: 0;
      left: 0;
      right: 100%;
      top: 0%;
      z-index: -1;
      -webkit-transition: right 0.2s ease-in;
      transition-timing-function: cubic-bezier(0.03, 0.3, 0.46, 0.26);      
    }
    .fill:hover:before {
      right: 0;
    }


.light {
    color:#ffffff;
    border: 1px #ffffff solid;  
          border-radius: 3px;
  

}
    .light:hover {
      color: #163963;
      border: 1px #163963 solid;  
      border-radius: 3px;
      outline: 0;

    }
    .light:before {
      content: "";
      position: absolute;
      background: linear-gradient(to right, rgb(250, 252, 255, .9), rgb(213, 223, 255, .9) );
      bottom: 0;
      left: 0;
      right: 100%;
      top: 0%;
      z-index: -1;
      -webkit-transition: right 0.23s ease-in;
      transition-timing-function: cubic-bezier(0.03, 0.3, 0.46, 0.26);      
      border: 1px #163963 solid;  
      border-radius: 3px;
      outline: 0;
      
    }
    .light:hover:before {
      right: 0;
      border: 1px #163963 solid;  
      border-radius: 3px;
      outline: 0;
    
    }