.inline-info {
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 209, 102, .14);
  color: var(--gold);
  font: 900 11px "Vazirmatn", Tahoma, sans-serif;
  vertical-align: middle;
}

.status-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.status-grid button {
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #17152d;
  color: #fff;
  padding: 15px 8px;
  font: 21px "Vazirmatn", Tahoma, sans-serif;
}

.status-grid button b {
  display: block;
  margin-top: 5px;
  font-size: 10px;
}

.status-grid .done { border-color: rgba(98, 231, 200, .5); }
.status-grid .missed { border-color: rgba(255, 112, 150, .48); }
.status-grid .skipped { border-color: rgba(255, 209, 102, .42); }
.mission.missed .check { background: #6a3046; color: #ffd8e1; }
.mission.skip .check { color: var(--gold); }