.publish-options {
  margin: 16px 20px 0;
  border-radius: 16px;
  background: rgba(31, 23, 66, 0.64);
  border: 1px solid rgba(216, 180, 255, 0.08);
  overflow: hidden;
}

.publish-options__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(216, 180, 255, 0.04);
}

.publish-options__row:last-child {
  border-bottom: 0;
}

.publish-options__icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: $primary-on;
}

.publish-options__icon--pet {
  background: linear-gradient(135deg, $accent, $accent-2);
}

.publish-options__icon--location {
  background: linear-gradient(135deg, $primary, $accent-2);
}

.publish-options__icon--visibility {
  background: linear-gradient(135deg, $success, $accent);
}

.publish-options__icon--draft {
  background: linear-gradient(135deg, #a4d4ff, $accent);
}

.publish-options__name {
  flex: 1;
  color: $fg;
  font: 500 14px / 1.2 $font-body;
}

.publish-options__right {
  display: flex;
  align-items: center;
  gap: 6px;
  color: $muted;
}

.publish-options__value {
  color: $muted;
  font: 400 12px / 1 $font-body;
}

.publish-options__pet {
  display: flex;
  align-items: center;
  gap: 6px;
  color: $fg-2;
  font: 400 12px / 1 $font-body;
}

