:root {
  --trans-normal: 0.2s all ease-in-out;
  --trans-fast-slow: all 0.6s cubic-bezier(0.65, 0.15, 0.22, 0.96);
  --trans-slow: 0.3s all ease-in-out;
}

.navbar--section {
  transition: var(--trans-fast-slow);
}

.section--card, .section--card * {
  transition: var(--trans-fast-slow);
}

.navbar--wrapper .navbar--button, .checkout--payment-label {
  transition: var(--trans-fast-slow);
}

.modal, .meal--modal-rating-btn, .landing--tab {
  transition: var(--trans-fast-slow);
}