a:link, a:visited,  a:hover, a:active
{
    text-decoration: none;
}
.cta {
 position: relative;
 margin: auto;
 padding: 12px 18px;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
 border: none;
 background: none;
}

.cta:before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 border-radius: 50px;
 background: #e0cd11;
 width: 45px;
 height: 45px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.cta span {
 position: relative;
 font-family: "Montserrat";
 font-size: 18px;
 font-weight: 700;
 letter-spacing: 0.05em;
 color: #fff;
}

.cta svg {
 position: relative;
 top: 0;
 margin-left: 10px;
 fill: none;
 stroke-linecap: round;
 stroke-linejoin: round;
 stroke: #234567;
 stroke-width: 2;
 -webkit-transform: translateX(-5px);
     -ms-transform: translateX(-5px);
         transform: translateX(-5px);
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.cta:hover:before {
 width: 100%;
 background: #88aa2f;
}

.cta:hover svg {
 -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
         transform: translateX(0);
}

.cta:active {
 -webkit-transform: scale(0.95);
     -ms-transform: scale(0.95);
         transform: scale(0.95);
}