.publish-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.publication-choice {
  display: flex;
  margin: 0;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #0c1017;
}

.publication-choice label { cursor: pointer; }
.publication-choice input { position: absolute; opacity: 0; pointer-events: none; }
.publication-choice label > span {
  min-width: 132px;
  min-height: 42px;
  display: grid;
  align-content: center;
  padding: 5px 11px;
  border-radius: 7px;
  color: #777e8e;
  transition: .2s;
}
.publication-choice strong,
.publication-choice small { display: block; }
.publication-choice strong { font-size: 9px; }
.publication-choice small { margin-top: 3px; font-size: 7px; }
.publication-choice input:checked + span {
  color: white;
  background: linear-gradient(110deg, #45c6f21c, #8a2be229, #ff14931c);
  box-shadow: inset 0 0 0 1px #886eea80;
}
.publication-choice input:checked + span small { color: #b9beca; }

@media (max-width: 760px) {
  .form-footer,
  .publish-actions { align-items: stretch; flex-direction: column; }
  .publication-choice { display: grid; grid-template-columns: 1fr 1fr; }
  .publication-choice label > span { min-width: 0; }
  .primary-button { width: 100%; }
}