title: Change just the direction of gradient on hover
body: <p>I have a button with a gradient, and I'd like for the gradient to switch directions on hover. Here is the starting CSS:</p>
  
  <pre><code>.button-1 {
      border: 1px solid #15440a;
      border-radius: 2px;
      color: white;
      background-color: #2890b;
      background-image: linear-gradient(#299c0f 20%, #1a7b09 80%);
      font-size: 13px;
  }
  </code></pre>
  
  <p>I'd like to do something like this:</p>
  
  <pre><code>.button-1:hover {
      /* change just direction of gradient */
      /* keep colors the same */
  }
  </code></pre>
  
  <p>Is there any way to do this?</p>