.cta {
  padding: 2rem 3rem;
  text-decoration: none;
  font-size: 16px;
  display: inline-block;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 100vh;
  border: 2px solid transparent;
  background: #1A9BD7;
  border-radius: 12px;
  color: #fff; }
  @media (max-width: 568px) {
    .cta {
      font-weight: 700; } }

.cta-arrow {
  padding: 2rem 3.5rem 2rem 2rem; }
  .cta-arrow:hover svg {
    -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
            transform: translateX(-5px); }
  .cta-arrow svg {
    margin-bottom: -5px;
    margin-right: 5px;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    stroke: #fff; }
    .cta-arrow svg g,
    .cta-arrow svg path {
      stroke: #fff; }