.er-mobile-app {
  display: none;
}

@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  .er-mobile-app {
    display: block;
    border-block-end: 1px solid #303646;
    background: #151923;
    color: #f4f6fc;
  }

  .er-mobile-app__inner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 12px;
    max-width: 72rem;
    margin-inline: auto;
    padding: 8px 16px;
  }

  .er-mobile-app__brand, .er-mobile-app__stores {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .er-mobile-app__brand {
    font: 700 0.9375rem/1.3 system-ui, sans-serif;
  }

  .er-mobile-app__brand img {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 9px;
  }

  .er-mobile-app__stores {
    flex-wrap: wrap;
  }

  .er-mobile-app__store {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid #506585;
    background: #243554;
    color: #fff;
    font: 650 0.8125rem/1.2 system-ui, sans-serif;
    text-align: center;
    text-decoration: none;
  }

  .er-mobile-app__store:focus-visible {
    outline: 2px solid #bfd8ff;
    outline-offset: 2px;
  }

  :root[data-er-app-platform="ios"] .er-mobile-app__store--android,
  :root[data-er-app-platform="android"] .er-mobile-app__store--ios {
    display: none;
  }
}