.Header {
  display: flex;
  margin-bottom: $unit;
  width: 100%;

  &.bottom {
    position: sticky;
    bottom: $unit * 2;
  }

  #right > div {
    display: flex;
    gap: 8px;
  }

  .dropdown {
    display: inline-block;
    position: relative;
    padding-bottom: $unit;

    &:hover {
      padding-right: $unit-4x;

      .Button {
        background: var(--button-bg-hover);
        color: var(--button-text-hover);
      }

      .Menu {
        display: block;
      }
    }
  }

  .push {
    margin-left: auto;
  }

  @media (max-width: $phone) {
    .Button .Text {
      display: none;
    }
  }
}