.more-link{
  margin-top: 2rem;
}

.more-link.background-grey {
  margin-top:0;
  background-color: var(--c-background);  
  padding-bottom: 4rem;
}

.more-link.background-transparent {
  margin-top:0;
  background-color: transparent;
  padding-bottom: 6rem;
}

.more-link a{
  display: block;
  text-transform: uppercase;
  font: var(--f-Montserrat-16-700);
  color: white;
  background-color: var(--c-primary);
  padding: 1rem 1.5rem;
  border-radius: var(--border-radius);
  width: fit-content;
  margin: 0 auto;
  transition: var(--transition);
}

.more-link a:hover{
  text-decoration: none;
  background-color: var(--c-primary-700);
}