Button V 2

.uol-button-v2 {
  @include font-size-responsive(1.125rem, 1.125rem, 1.25rem);
  @include button_ripple($color-black);
  @include button_focus(-6px, $radius: 9px);

  font-weight: 600;
  border: 1px solid black;
  cursor: pointer;
  /* Green */
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  background: black;
  
  background-image: linear-gradient(to top, #00d0a0 50%, black 50%);
  background-size: 100% 200%;
  background-position: top;
  transition: background-position 0.3s ease-in-out;
  
  &:hover {
    color: black;
    background-position: bottom;
  }

  
}