.simple-header-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 1.538rem;
}

.simple-header-left {
  flex: 1 1 auto;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  gap: 1.231rem;
}

.simple-header-right {
  flex: 0 0 auto;
  align-self: flex-start;
}

.simple-header-title {
  font-weight: var(--font-weight-700);
  font-size: var(--font-size-40);
  line-height: 100%;
  color: rgba(31, 41, 55, 1);
  vertical-align: middle;
}

.simple-header-subtitle {
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-18);
  line-height: var(--line-height-28);
  color: rgba(75, 85, 99, 1);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 85%;
}

.simple-header-subtitle.with-border {
  border-left: 0.154rem solid #cbd5e1;
  padding-left: 1.538rem;
}

.simple-header-button {
  display: inline-block;
  padding: 0.923rem 1.846rem;
  /* 12px / 13, 24px / 13 */
  border-radius: 76.846rem;
  /* 999px / 13 */
  border: solid 0.077rem;
  /* 1px / 13 */
  font-weight: var(--font-semi-bold);
  font-size: var(--font-size-18);
  transition: background-color 0.3s ease;
}

.button-style-default {
  background-color: white;
  color: rgba(55, 65, 81, 1);
}

.button-style-primary {
  background-color: rgba(37, 13, 70, 1);
  color: rgba(255, 255, 255, 1);
}

.simple-header-right .center-button {
  align-self: center;
  text-align: center;
  margin-top: 1.538rem;
}

@media (max-width: 768px) {
  .simple-header-container {
    flex-wrap: wrap;
  }

  .simple-header-left,
  .simple-header-right {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: left;
  }

  .simple-header-button {
    margin-top: 1.538rem;
  }
}