@keyframes glowing {
    0% {
      background-color: #0ba360;
      box-shadow: 0 0 15px #0ba360;
    }
    50% {
      background-color: #30dd8a;
      box-shadow: 0 0 50px #30dd8a;
    }
    100% {
      background-color: #0ba360;
      box-shadow: 0 0 15px #0ba360;
    }
  }

.btn-gradient-hover {
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    /* margin: 20px; */
    /* height: 55px; */
    text-align:center;
    line-height: 0;
    border: none;
    background-size: 300% 100%;

    border-radius: 50px;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;

    animation: glowing 1300ms infinite;
}

.btn-gradient-hover:hover {
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: #fff;
}

.btn-gradient-hover:focus {
    outline: none;
}

.btn-gradient-hover.btn-color-green {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
