.component-cta {
  display: inline-flex;
  padding: 0.9375rem 3.125rem;
  justify-content: center;
  align-items: flex-start;

  text-align: center;
  font-family: var(--font-family);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.60688rem; /* 171.4% */
}

.component-cta:hover {
  transition: all 1s;
  -webkit-border-radius: 1.875rem;
  -moz-border-radius: 1.875rem;
  border-radius: 1.875rem;
}

@media (min-width: 64rem /* 1024px */) {
  .component-cta {
    font-size: 1.125rem;
  }
}