.trigger-callout{border-bottom:1px solid var(--border);grid-template-columns:1.4fr 1fr;align-items:center;gap:50px;padding-block:70px;display:grid}.trigger-callout h2{font-family:var(--font-display);letter-spacing:-.055em;margin-top:22px;font-size:clamp(34px,4.3vw,58px);font-weight:600;line-height:1.12}.trigger-callout>div>p{color:var(--muted-foreground);max-width:620px;margin-top:24px;font-size:15px;line-height:1.85}.trigger-callout-keys{border:1px solid var(--border);text-align:center;background:radial-gradient(#b4f23810,#0000 75%);border-radius:24px;padding:36px 24px}.trigger-callout-keys>span{letter-spacing:.13em;color:var(--muted-foreground);font-size:10px}.trigger-callout-keys>div{justify-content:center;gap:24px;margin-top:27px;display:flex}.trigger-callout-keys kbd{color:#102300;width:95px;height:90px;font:700 39px var(--font-display);background:#b4f238;border:1px solid #b4f23850;border-bottom:7px solid #54850e;border-radius:20px;place-items:center;display:grid;transform:rotate(-5deg);box-shadow:0 15px 35px #0002}.trigger-callout-keys kbd:last-child{color:#251136;background:#d9bbff;border-color:#b581e8 #b581e8 #79509e;transform:rotate(5deg)}.trigger-callout .trigger-callout-keys p{margin-top:25px;font-size:12px}@media (width<=700px){.trigger-callout{grid-template-columns:1fr;gap:30px;padding-block:50px}.trigger-callout-keys{justify-self:center;width:100%;max-width:440px}}