@charset "UTF-8";
/* Круглая кнопка соцсети 64 (Figma: Square buttons 4223:12576). Hover — белый фон, иконка крупнее. */
.social-button {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  color: var(--color-green-dark);
  background-color: var(--color-green);
  border-radius: 50%;
  transition: background-color var(--transition-duration) var(--transition-ease);
}
@media (hover: hover) {
  .social-button:hover {
    background-color: var(--color-white);
  }
  .social-button:hover .social-button__icon {
    transform: scale(1.143);
  }
}
.social-button__icon {
  width: 1.75rem;
  height: 1.75rem;
  transition: transform var(--transition-duration) var(--transition-ease);
}