.topbar-module-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  margin-right: 16px;
  padding: 0 13px 0 7px;
  border: 1px solid #d8e4f3;
  border-radius: 10px;
  background: #fff;
  color: #385574;
  font: 800 11px 'DM Sans', sans-serif;
  letter-spacing: .15px;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

#trashTopbarButton[hidden] {
  display: none !important;
}

.topbar-module-link:hover,
.topbar-module-link.active {
  border-color: #8bb4fa;
  color: #1d5fd6;
  box-shadow: 0 7px 16px rgba(38, 103, 237, .12);
  transform: translateY(-1px);
}

.topbar-module-link__icon {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border-radius: 7px;
  background: #eaf1ff;
  color: #2667ed;
  font: 800 12px 'Space Grotesk', sans-serif;
}

.topbar-module-link.active .topbar-module-link__icon {
  background: #2667ed;
  color: #fff;
}

@media (max-width: 700px) {
  .topbar-module-link {
    margin-right: 8px;
    padding-right: 8px;
  }

  .topbar-module-link__label {
    display: none;
  }
}