/* Поддержка эффекта нажатия на iOS */
body {
  ontouchstart: ''; /* трюк для включения :active на iPhone */
}

/* Общие стили для всех 4 кнопок */
.section1, .section2, .section3, .section4 {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}


/* Нажатие — работает на телефонах и десктопах */
.section1:active,
.section2:active,
.section3:active,
.section4:active {
  background-color: #303d93 !important;
  color: #f3f4f6 !important;
  transform: scale(0.97);
}