.card-body a{
    display: inline-block;
    padding: 0px 60px;
    margin-top: o;
    margin: 0;
    color:#03e9f4;
    font-size: 16px;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    letter-spacing: 4px;

}
.card-body a:hover{
    background: #03e9f4;
    color:#050801;
    box-shadow: 0 0 5px #03e9f4,
                0 0 25px #03e9f4,
                0 0 50px #03e9f4,
                0 0 200px #03e9f4;
    
}
.card-body a span{
    position: absolute;
    display: block;
}
.card-body a span:nth-child(1){
    top:0;
    Left:-100%;
    width:100%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#a6aaab);
}

/*
.card-body a{
    border:none;
    padding:20px 40px;
    font-size:20px;
    position:relative;
    background:transparent;
    color:#ffa500;
    text-transform:uppercase;
    border:3px solid #ffa500;
    cursor:pointer;
    transition:all 0.7s;
    overflow:hidden;
    border-radius:100px;  
  }
.card-body a:hover{
    color:#000;
  }
.card-body a span{
    transition:all 0.7s;
    z-index:-1;
  }
.card-body a .first{
    content:"";
    position:absolute;
    right:100%;
    top:0;
    width:25%;
    height:100%;
    background:#ffa500;
    
  }
.card-body a:hover .first{
    top:0;
    right:0;
  }
.card-body a .second{
    content:"";
    position:absolute;
    right:25%;
    top:-100%;
    width:25%;
    height:100%;
    background:#ffa500;
    
  }
.card-body a:hover .second{
    top:0;
    left:50%;
  }
.card-body a .third{
    content:"";
    position:absolute;
    left:50%;
    top:100%;
    width:25%;
    height:100%;
    background:#ffa500;
    
  }
.card-body a:hover .third{
    top:0;
    left:25%;
  }
.card-body a .fourth{
    content:"";
    position:absolute;
    left:100%;
    top:0;
    width:25%;
    height:100%;
    background:#ffa500;
    
  }
.card-body a:hover .fourth{
    top:0;
    left:0;
  }
  */