/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 19:54:17 */
/* Новая кнопка-круг */
#my-circle-button-2 {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 54px;
  height: 54px;

  background-color: transparent;
  border: 1px solid #E9ECF2;
  box-sizing: border-box;
  cursor: pointer;

  /* стрелка по умолчанию */
  background: no-repeat center/16px url("https://new-eastgeo.ru/wp-content/uploads/2025/08/arrow-темная.svg");

  transition: transform 0.2s ease, box-shadow 0.2s ease,
              background-color 0.2s ease, border 0.2s ease,
              background-image 0.2s ease;
}

/* Hover эффект (ПК/планшеты) */
@media (hover: hover) {
  #my-circle-button-2:hover {
    background-color: #2C9347;
    border: none;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);

    /* заменяем стрелку */
    background-image: url("https://new-eastgeo.ru/wp-content/uploads/2025/08/arrow.svg");
  }
}

/* Мобильные размеры */
@media (max-width: 767px) {
  #my-circle-button-2 {
    width: 42px;
    height: 42px;
    background-size: 12px;
  }
}