.t-product__option-title.t-product__option-title_buttons.t-product__option-title_simple.t-typography__options.t-descr.t-descr_xxs {
  min-height: 20px;   /* можно чуть выше, чем было */
  min-width: 50px;    /* ширина кнопки */
  display: flex;      /* делаем flex-контейнер */
  align-items: center; /* по вертикали центр */
  justify-content: center; /* по горизонтали центр */
  text-align: center; /* на всякий случай */
}

/* убираем скругления у самих квадратиков */
.t-product__option-checkmark.t-product__option-checkmark_buttons.t-product__option-checkmark_color {
  border-radius: 0% !important;
  position: relative; /* нужно для абсолютного позиционирования рамки */
}

/* рамка только у выбранного варианта */
.js-product .t-product__option-variants_buttons
.t-product__option-input:checked + .t-product__option-checkmark_color:before {
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid rgba(0, 0, 0, .5);
  border-radius: 0 !important; /* квадрат */
}



  /* Подпись под блоком цветов */
  .ia-selected-color{
    margin-top:8px;
    font-size:12px;              /* ~t-descr_xxs */
    line-height:1.4;
    color:#989898;
    font-family:TildaSans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  }
  .ia-selected-color b{font-weight:600;}
  
  
  /* Меняем надпись "Нет в наличии" на свою */

.t-store__card__sold-out-msg,
.t-store__prod-popup__btn_disabled td.js-store-prod-popup-buy-btn-txt{
    font-size: 0;
}

.t-store__card__sold-out-msg:after,
.t-store__prod-popup__btn_disabled td.js-store-prod-popup-buy-btn-txt:after{
    content: "Скоро в продаже";
    font-size: 14px;
}