.header {
  --main-button-height: 44px;
  --side-height: 36px;
  margin-bottom: 8px;
  height: var(--main-button-height);
  display: flex;
  align-items: center;
  .left,
  .right {
    width: calc((100% - var(--main-button-height) / 2));
    display: flex;
    align-items: stretch;
    height: var(--side-height);
    gap: 8px;
  }
  .left {
    justify-content: flex-start;
  }
  .right {
    justify-content: flex-end;
    > button {
      width: var(--side-height);
    }
  }
  .main {
    width: var(--main-button-height);
    height: var(--main-button-height);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    padding: 0;
  }
}
