.section-title-wrapper {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;

  margin-block: 4rem 1.5rem;
}

.section-title__title {
  margin-bottom: 0;
}

.section-title__title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-title-wrapper a.section-title__button {
  display: block;
  background-color: var(--secondary-color);
  color: #fff;

  padding: 1rem 3rem;
  border-radius: 8px;
  transition: background-color .3s ease-out;

  &:is(:hover, :focus) {
    background-color: var(--secondary-color-500);
    text-decoration: none;
  }
}