/* Общая логика для обоих списков */
#rec1559181631 ol {
  counter-reset: custom;
  padding-left: 0;
}

#rec1559181631 ol li {
  list-style: none;
  position: relative;
  margin: 0 0 12px 0;
  padding-left: 40px; /* расстояние от цифры до текста */
}

/* Левая колонка — синие квадратики */
#rec1559181631 .t-col:nth-child(1) ol li::before {
  counter-increment: custom;
  content: counter(custom);
  position: absolute;
  left: 0;
  top: 0;

  background: #0066ff;
  color: #fff;

  width: 28px;
  height: 28px;
  border-radius: 4px; /* чуть скругленные квадратики, можно 0 для прямых углов */

  display: flex;
  align-items: center;
  justify-content: center;

  font-weight: 600;
}

/* Правая колонка — жёлтые квадратики */
#rec1559181631 .t-col:nth-child(2) ol li::before {
  counter-increment: custom;
  content: counter(custom);
  position: absolute;
  left: 0;
  top: 0;

  background: #ffcc00;
  color: #000;

  width: 28px;
  height: 28px;
  border-radius: 4px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-weight: 600;
}

/* Строго ваш блок и конкретный элемент кнопки */
#rec1579790931 .t-upwidget .t-upwidget-container__button.t-text {
  /* рамка */
  border-style: solid !important;
  border-color: #3b9dee !important;
  border-width: 3px !important;
  border-radius: 12px !important;

  /* остальное */
  color: #fff !important;
  background-color: transparent !important;
  box-shadow: none !important;

  /* геометрия */
  height: 40px !important;
  line-height: 34px !important; /* 40 - 2*3px */
  padding: 0 16px !important;
  box-sizing: border-box !important; /* чтобы рамка входила в высоту */

  /* отображение и курсор */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;

  /* переходы */
  transition-duration: .2s !important;
  transition-property: background-color,color,border-color,box-shadow,opacity,transform,gap !important;
  transition-timing-function: ease-in-out !important;
}

/* Hover/Active/Focus */
#rec1579790931 .t-upwidget .t-upwidget-container__button.t-text:hover {
  background-color: rgba(59,157,238,.08) !important;
}
#rec1579790931 .t-upwidget .t-upwidget-container__button.t-text:active {
  background-color: rgba(59,157,238,.16) !important;
}
#rec1579790931 .t-upwidget .t-upwidget-container__button.t-text:focus-visible {
  outline: 2px solid #98ccff !important;
  outline-offset: 2px !important;
}
