.region-header--right {
  position: relative;

  .region__inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: var(--space-md);

    @media (width < 1024px) {
      align-items: center;
      justify-content: center;

      * {
        color: var(--color-white);
      }

      input[type="search"] {
        border-bottom: 0.2rem solid var(--color-white);
      }

      .socializer__link {
        border-color: var(--color-white);
      }

      .socializer__icon {
        background-color: var(--color-white);
      }
    }

    @media (width >= 1024px) {
      align-items: flex-end;
      justify-content: flex-end;
    }
  }
}