.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-x3);
  background-color: white;
  width: 100%;
  padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x4);
  text-align: center;
  border-radius: var(--Corner-radius-md) var(--Corner-radius-md) 0 0;
  margin-top: auto;

  @media screen and (min-width: 768px) {
    & {
      border-radius: var(--Corner-radius-md);
      margin-top: initial;
      width: 560px;
    }
  }
}

.divider {
  width: 100%;
  position: relative;

  & > span {
    position: relative;
    padding: 0 var(--Spacing-x2);
    background-color: white;
    color: var(--UI-Text-Placeholder);
  }

  &::before {
    position: absolute;
    bottom: calc(50% - 1px);
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--Base-Border-Subtle);
  }
}

.contactBlockTitle {
  margin-bottom: var(--Spacing-x1);
}
