.tag {
  background-color: var(--gray-200);
  font-size: 12px;
  text-transform: uppercase;
  padding: 8px 16px;
  font-weight: 600;
  color: var(--gray-400);
  border-radius: 100px;
  display: block;
  width: max-content;
}

.tag--small {
  font-size: 10px;
  background-color: var(--primary);
  color: white;
  font-weight: 700;
  padding: 4px 16px;
}

.tag--outline {
  color: var(--primary);
  border: 1px solid var(--primary);
  background-color: transparent;
}