/* Адаптивные размеры для кнопок MyGang */

:root {
  /* Размеры для кнопок Promo */
  --promo-btn-size: clamp(16px, 16px + (32 - 16) * (100vw - 744px) / (1136 - 744), 32px);
  --promo-btn-radius: clamp(8px, 8px + (16 - 8) * (100vw - 744px) / (1136 - 744), 16px);
  
  /* Размеры для кнопок Modal */
  --modal-btn-size: clamp(14px, 14px + (20 - 14) * (100vw - 320px) / (743 - 320), 20px);
  
  /* Размеры элементов Modal */
  --modal-close-size: clamp(40px, 40px + (56 - 40) * (100vw - 320px) / (1136 - 320), 56px);
  --modal-question-size: 20px;
  --modal-descr-size: clamp(14px, 14px + (16 - 14) * (100vw - 320px) / (1136 - 320), 16px);
  --modal-typo-size: clamp(12px, 12px + (14 - 12) * (100vw - 320px) / (1136 - 320), 14px);
  
  /* Размеры для кнопок Contacts */
  --contacts-btn-size: clamp(16px, 16px + (32 - 16) * (100vw - 744px) / (1040 - 744), 32px);
  
  /* Адаптивные отступы для контейнеров */
  --container-padding: clamp(16px, 16px + (24 - 16) * (100vw - 320px) / (1136 - 320), 24px);
  --modal-padding-size: var(--container-padding);
  --footer-padding: var(--container-padding);
}