.qira-cta { background-color: #fff; padding: clamp(5rem, 10vw, 9rem) var(--qira-gutter); } .qira-cta__inner { max-width: 860px; margin: 0 auto; } .qira-cta__top { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: clamp(3rem, 6vw, 5rem); } .qira-cta__icon { width: 72px; height: 72px; margin-bottom: 20px; display: block; } .qira-cta__eyebrow { font-family: var(--qira-font); font-size: 24px; font-weight: var(--qira-fw-medium); line-height: var(--qira-lh-snug); color: #864bdb; margin: 0 0 14px; } .qira-cta__heading { font-family: var(--qira-font); font-size: clamp(2.5rem, 5.5vw, 4.25rem); font-weight: var(--qira-fw-medium); line-height: 1.08; letter-spacing: -0.025em; color: var(--font-color, #171717); margin: 0 0 40px; } .qira-cta__btns { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; } .qira-cta__btn-primary { font-family: var(--qira-font); font-size: 15px; font-weight: var(--qira-fw-medium); color: #fff; text-decoration: none; display: inline-block; padding: 14px 32px; border-radius: 999px; background: linear-gradient(60deg, #326afa 0%, #864bdb 40%, #864bdb 65%, #d73fe0 100%); box-shadow: var(--qira-btn-shadow); white-space: nowrap; transition: opacity .2s ease, transform .2s ease; } .qira-cta__btn-primary:hover { opacity: .88; transform: translateY(-1px); } .qira-cta__btn-primary:active { transform: translateY(0); } .qira-cta__stores { display: flex; align-items: center; gap: 12px; } .qira-cta__store { display: inline-flex; align-items: center; gap: 10px; padding: 9px 18px; border-radius: 999px; border: 1.5px solid rgba(23, 23, 23, .18); background: transparent; box-shadow: var(--qira-btn-shadow); text-decoration: none; color: var(--font-color, #171717); transition: border-color .2s ease, background .2s ease, transform .2s ease; } .qira-cta__store:hover { border-color: rgba(23, 23, 23, .30); background: rgba(23, 23, 23, .05); transform: translateY(-1px); } .qira-cta__store img { width: 22px; height: 22px; display: block; flex-shrink: 0; } .qira-cta__store-text { display: flex; flex-direction: column; gap: 1px; } .qira-cta__store-label { font-family: var(--qira-font); font-size: 10px; font-weight: var(--qira-fw-regular); line-height: var(--qira-lh-flat); opacity: .65; } .qira-cta__store-name { font-family: var(--qira-font); font-size: 14px; font-weight: var(--qira-fw-medium); line-height: var(--qira-lh-snug); } .qira-cta__form { width: 100%; border-radius: 24px; overflow: hidden; background: #fff; } #iFrame_responsive { border: none; box-sizing: border-box; display: block; width: 100%; min-width: 280px; max-width: 1920px; border-radius: 24px; } @media (max-width: 600px) { .qira-cta__stores { flex-wrap: wrap; justify-content: center; } } @media (max-width: 900px) { .qira-cta__form { width: calc(100% + var(--qira-gutter)); margin-right: calc(-1 * var(--qira-gutter)); border-radius: 24px 0 0 24px; } #iFrame_responsive { border-radius: 24px 0 0 24px; } }