.branch-tabs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 2px 2px 18px;
  margin-bottom: 14px;
}

.branch-tabs__tab {
  flex: 0 0 auto;
  padding: 9px 15px;
  border: 1px solid rgba(17, 25, 47, 0.14);
  border-radius: 999px;
  background: #fff;
  color: var(--gs-heading);
  font-family: var(--gs-font-heading);
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
}

.branch-tabs__tab[aria-selected="true"] {
  color: #3975ef;
  border-color: rgba(57, 117, 239, 0.35);
  background: rgba(57, 117, 239, 0.08);
}

.branch-tabs__tab:focus-visible {
  outline: 2px solid #3975ef;
  outline-offset: 3px;
}