metamask-extension/ui/pages/onboarding-flow/privacy-settings/index.scss

.privacy-settings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  @media screen and (max-width: $break-small) {
    margin-bottom: 24px;
  }

  @media screen and (min-width: $break-large) {
    margin-bottom: 40px;
  }

  &__header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    max-width: 500px;
    margin: 24px;
  }

  &__settings {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    max-width: 620px;
    margin-bottom: 20px;

    @media screen and (min-width: $break-large) {
      margin-inline-start: 48px;
      margin-inline-end: 48px;
    }

    a {
      color: var(--color-primary-default);

      &:hover {
        cursor: pointer;
        color: var(--color-primary-default);
      }
    }
  }

  &__setting {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    max-width: 430px;

    &__toggle {
      margin-left: 42px;
    }
  }

  & button {
    max-width: 50%;
    padding: 15px;
  }
}