.admin-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-inline: auto;
}

.admin-nav a {
  border-radius: 999px;
  color: var(--wine);
  font-size: 13px;
  font-weight: 700;
  padding: 9px 16px;
  text-decoration: none;
  transition: background .2s, color .2s;
}

.admin-nav a:hover,
.admin-nav a.active {
  background: var(--wine);
  color: #fff;
}

@media (max-width: 760px) {
  .topbar {
    flex-wrap: wrap;
    gap: 10px;
  }

  .admin-nav {
    order: 3;
    width: 100%;
    justify-content: center;
  }

  .admin-nav a {
    flex: 1;
    max-width: 180px;
    text-align: center;
  }
}