www/src/layouts/partials/full-width-cta.html

<style>
  .btn-primary{
    padding: 44px 75px;
    border-radius: 0px !important;
    font-family: "pp-neue-machina", sans-serif;
    text-transform: uppercase;
    font-size: 2vw;
    border-left: 2px solid #949494 !important;
    border-right: 2px solid #949494 !important;
    background-color: #1a1a1a !important;
    outline: none !important;
    box-shadow: none !important;
    text-align: left;
    border-top-color:#1a1a1a;
    border-bottom-color: #1a1a1a;
    transition: 0.2s linear;
  }

  .btn-primary:hover{
    background-color: #00ffd0 !important;
    color: #1a1a1a;
    border-top-color:#00ffd0;
    border-bottom-color:#00ffd0;
    border-left-color:#00ffd0;
    border-right-color:#00ffd0;
    box-shadow: inset 0px 0px 0px 10px #1a1a1a !important;
    padding: 44px 100px;
    border-top-color:#1a1a1a;
    border-bottom-color: #1a1a1a;
  }

  .button-container{
    padding: 0px 160px;
  }

  /* Icon Styling */

 .btn-primary .icon-enter-arrow{
   display: inline-block;
   position: relaitve;
   margin-right: 10px;
   transition: 0.2s linear;
 }

 .btn-primary:hover .icon-enter-arrow{
   display: inline-block;
   transform: rotate(-45deg) !important;
 }

</style>

<hr>
  <div class="row button-container">
    <a href="#" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta"><i class="icon-enter-arrow"></i>Authenticate with tea<span style="float:right; margin-top:15px;font-size:1.2rem;"><u id="count1"></u> devs authenticated</span></a>
  </div>
<hr>