/* Стилизация кнопок с иконками */
.tg-button {
    background-color: #26A96C;
    background-image: url(https://static.tildacdn.com/tild6462-6338-4238-b537-396563636561/Property_1tg_white_S.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 32px center;
    padding-left: 32px;
    border-radius: 333px;
    transition: background-color 0.3s ease, background-position 0.3s ease !important;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

@media screen and (max-width: 1200px) {
    .tg-button {
        padding-left: 0px;
        opacity: 1 !important;
    }
}

/* При загрузке страницы добавляем класс .visible */
.tg-button.visible {
  opacity: 1;
  transform: translateY(0);
}


.tg-button:hover {
    background-position: 36px center;
    background-color: #2aabee;
    transition: background-color 0.3s ease, background-position 0.3s ease !important;
}

/* Стилизация карточек услуг*/

#molecule-175154838066255790,
#molecule-175154854495329010,
#molecule-175154847798272430,
#molecule-175154858315529380 {
  transition: box-shadow 0.3s ease, border 0.3s ease, transform 0.3s ease;
  border: 1px solid transparent; /* чтобы при ховере не дёргалось */
  cursor: pointer;
}

#molecule-175154838066255790:hover,
#molecule-175154854495329010:hover,
#molecule-175154847798272430:hover,
#molecule-175154858315529380:hover {
  border: 1px solid #f1f1f1;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transform: translateY(-4px);
}

.maksimkoya:hover {
    color: #FF693C !important;
    text-decoration: underline !important;
    transition: 0.2s easy-out;
}