/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 19:59:21 */
#my-circle-button {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 54px;
  height: 54px;

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

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

#my-circle-button img {
  width: 16px;
  height: 16px;
}

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

/* Адаптация под мобильные — размеры меньше */
@media (max-width: 767px) {
  #my-circle-button {
    width: 42px;
    height: 42px;
  }
}