@charset "utf-8";
/* CSS Document */
.gradual {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding: 1em 2em;
    border: #91C41D 3px solid;
    color: #91C41D;
    font-weight: 600;
    font-size: 1.125em;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    border-radius: 100px;
    margin-top: 30px;
}
.gradual:hover {
  color: #FFF;
  border: transparent 3px solid;
}
.gradual:focus {
    outline-color: #037F3E;
}
.gradual span {
  position: relative;
  pointer-events: none;
}
.gradual::before {
    --size: 0;
    content: '';
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: var(--size);
    height: var(--size);
    background: linear-gradient(to right, #91C41D, #037F3E);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: width .2s ease, height .2s ease;
}
.gradual:hover::before {
  --size: 800px;
}