.c-radio {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--spc-4);
  margin-block: var(--spc-2);
  padding: var(--spc-4);
  background-color: var(--c-black-100);
  & > span {
    margin: 0;
    & > label {
      display: flex;
      align-items: center;
      gap: var(--spc-1);
      cursor: pointer;
      & > input {
        &:checked {
          & + span {
            font-weight: var(--fw-bold);
          }
        }
      }
    }
  }
}