.header-page {
  width: 100%;
  min-height: 9rem;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  background-color: var(--gray-soft-lightest);
  border-bottom: 1px solid var(--gray-soft-dark);

  .back {
    width: 9rem;
    border-right: 1px solid var(--gray-soft-dark);
    a {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--gray-hard-darkest) !important;
      &:hover {
        cursor: pointer;
        background-color: var(--secondary);
      }
    }
  }

  .center {
    padding: 3.2rem;
    h1 {
      margin: 0;
    }
  }

  .right {
    min-width: 9rem;
    border-left: 1px solid var(--gray-soft-dark);
    .grpBtn {
      display: flex;
      align-items: center;
      gap: 1.6rem;
    }
  }
}