/**
 * CTA
 */

.cta-wrapper a,
.cta {
	padding: 16px;
  background-color: var(--color-primary);
  color: #FCFAF3;
  font-size: var(--content-size-m);
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transition: all .50s cubic-bezier(.475,.425,0,.995);
}
.cta-wrapper {
	margin-top: 32px;
	margin-bottom: 32px;
}

.cta-wrapper a:hover,
.cta:hover {
  background-color: var(--color-secondary);
  color: var(--color-white);
  text-decoration: none;
}

@media all and (min-width: 475px) {
	.cta-wrapper a,
	.cta {
		padding: 32px;
	}
}
@media all and (min-width: 1000px) {
  .cta-wrapper a,
  .cta {
    font-size: var(--content-size-l);
    letter-spacing: var(--letter-spacing-m);
  }
}