/*mob*/
@media(max-width:767px){
  .header-cta{display:none!important;}
  .pbgu-hero,.hero{padding-top:120px;}
  .pbgu-t-head{flex-direction:column;}
  .pbgu-t-badges{margin-top:8px;flex-wrap:wrap;gap:6px;}
}
/* Единый стиль для кнопок в hero и выравнивание по центру */
.hero-buttons {
  display: flex;
  justify-content: center; /* центрируем блок с кнопками */
  gap: 12px;              /* расстояние между кнопками */
}

/* Делаем обе кнопки прозрачными с белым текстом и рамкой */
.hero .btn-primary,
.hero .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  margin-right: 0; /* убираем отступ, чтобы центрирование работало */
}

/* Ховер‑эффект одинаковый для обеих кнопок */
.hero .btn-primary:hover,
.hero .btn-secondary:hover {
  background-color: #ffffff;
  color: #000000;
}
/* одинаковая ширина кнопок в hero-блоке */
.hero-buttons a {
  min-width: 120px; /* или подберите значение 200–230 px под нужную длину текста */
  text-align: center;       /* центрируем текст внутри кнопки */
  display: inline-block;    /* сохраняем блочное отображение */
}