/* Скрываем кружок */
.t-product__option-checkmark {
  display: none !important;
}

/* Скрываем радио-инпут */
.t-product__option-input {
  display: none !important;
}

/* Основной стиль для кнопок */
.t-product__option-item {
  display: inline-block;
  padding: 10px 18px;
  margin: 6px 6px 6px 0;
  background-color: transparent; /* Прозрачный фон */
  color: #ddd; /* Светлый текст */
  border: 1px solid #ccc; /* Светло-серая рамка */
  border-radius: 10px; /* Закругленные края */
  cursor: pointer;
  transition: all 0.3s ease;
  user-select: none;
  font-weight: normal; /* обычный вес текста по умолчанию */
}

/* Ховер эффект */
.t-product__option-item:hover {
  border-color: #aaa;
  color: #fff;
}

/* Для активного состояния через :checked */
.t-product__option-input:checked + .t-product__option-checkmark + .t-product__option-title {
  font-weight: bold !important;  /* Жирный текст */
  color: #000 !important;        /* Черный текст */
}

/* Для активной кнопки */
.t-product__option-input:checked + .t-product__option-checkmark + .t-product__option-title {
  border-color: #fff; /* Белая рамка */
  font-weight: bold;  /* Жирный текст */
  color: #000;         /* Черный текст */
  background-color: transparent;
}