/* This invitation belongs only to the Events index and its existing phone breakpoint. */
.asem-events-page > .asem-events-mobile-app { display: none; }

@media (max-width: 767px) {
    .asem-events-page > .asem-events-mobile-app { display: block; margin: 0; padding: 0; }
    .asem-events-page .asem-events-mobile-app__card {
        padding: 12px;
        border-radius: 13px;
        background: linear-gradient(125deg, #ffdeb9, #ffd2a5);
        box-shadow: 0 5px 17px rgb(218 109 52 / 12%);
        color: #06295d;
    }
    .asem-events-page .asem-events-mobile-app__intro {
        display: grid;
        grid-template-columns: 64px minmax(0, 1fr) 9px;
        align-items: center;
        gap: 10px;
    }
    .asem-events-page .asem-events-mobile-app__icon { display: block; width: 64px; height: 64px; }
    .asem-events-page .asem-events-mobile-app__copy { min-width: 0; }
    .asem-events-page .asem-events-mobile-app__copy h2 { margin: 0 0 4px; color: #06295d; font-size: 16px; font-weight: 750; line-height: 1.2; letter-spacing: -.035em; }
    .asem-events-page .asem-events-mobile-app__copy p { margin: 0; color: #06295d; font-size: 11.5px; line-height: 1.35; }
    .asem-events-page .asem-events-mobile-app__chevron { font-size: 13px; pointer-events: none; }
    .asem-events-page .asem-events-mobile-app__download {
        display: flex;
        min-height: 44px;
        margin-top: 10px;
        padding: 10px 12px;
        gap: 10px;
        align-items: center;
        justify-content: center;
        border: 1px solid #063b78;
        border-radius: 9px;
        background: #063b78;
        color: #fff;
        font-size: 13px;
        font-weight: 650;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
        transition: background-color .15s ease;
    }
    .asem-events-page .asem-events-mobile-app__download > i { flex: 0 0 auto; font-size: 13px; }
    .asem-events-page .asem-events-mobile-app__download:is(:hover, :active) { background: #052f62; color: #fff; }
    html[dir='rtl'] .asem-events-page .asem-events-mobile-app__chevron,
    html[dir='rtl'] .asem-events-page .asem-events-mobile-app__download > i { transform: rotate(180deg); }
}

@media (prefers-reduced-motion: reduce) {
    .asem-events-page .asem-events-mobile-app__download { transition: none; }
}