.collaborate-wrapper{
  padding: 0rem 0 1rem;
  background-color: var(--c-primary);
  color: white;
  display: flex;
  justify-content: center;
}

.collaborate-wrapper-buttons {
  padding: 0rem 0 4rem;
}

@media(min-width: 768px){
  .collaborate-wrapper{
    padding: 0rem 0 0.5rem;
  }
  .collaborate-wrapper h2 {
    width: 40%;
    margin: 0 auto;
  }
  .collaborate-wrapper-buttons {
    padding: 0rem 0 4rem;
  }

}

.collaborate-wrapper p{
  text-align: center;
}
@media(min-width: 768px){
  .collaborate-wrapper p{
    font: var(--f-Bitter-18-400);
  }
}

.collaborate-wrapper h3{
  margin-bottom: 0;
}

.collaborate-wrapper a{
  color: white;
}

.collaborate-links{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 2.5rem;
  margin: 2.5rem 1rem 0 1rem;
}
.collaborate-links div a{
  min-width:8rem;
  min-height: 10rem;
  border: 1px solid #c902;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
  font: var(--f-Montserrat-16-700);
  text-transform: uppercase;
}
@media(min-width: 768px){
  .collaborate-links div a{
    min-width:10rem;
  }
}

.collaborate-links div a:hover{
  border: 1px solid var(--c-secondary);
  text-decoration: none;
  color: var(--c-secondary);
}
.collaborate-links div a:hover svg path{
  fill: var(--c-secondary);
}