.loaded-teas-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;margin:clamp(1rem,3vw,2.5rem) clamp(1.25rem,5vw,5rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid #d7ad5a;border-radius:18px;background:radial-gradient(ellipse at top right,#31583d 0,transparent 65%),#173a2a;color:#f7f2e8;box-shadow:0 8px 24px #173a2a12}.loaded-teas-banner .loaded-teas-kicker{margin:0 0 .5rem;color:#e5c381;font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.loaded-teas-banner h2{margin:0 0 .6rem;font-family:var(--serif);font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.2;color:#f7f2e8}.loaded-teas-copy>p:last-child{margin:0;max-width:640px}.loaded-teas-code{display:inline-block;margin:.2rem .15rem;padding:.15rem .55rem;border:1px dashed #d7ad5a;border-radius:5px;color:#f8dda6;letter-spacing:.04em;white-space:nowrap}.loaded-teas-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:48px;padding:.85rem 1.35rem;background:#d7ad5a;color:#173a2a;border-radius:999px;text-decoration:none;font-weight:700;white-space:nowrap}.loaded-teas-button:hover{background:#ecd09a}.loaded-teas-button:focus-visible{outline:3px solid #fff;outline-offset:5px}.loaded-teas-banner .loaded-teas-disclosure{grid-column:1/-1;margin:0;padding-top:1rem;border-top:1px solid #f7f2e833;color:#e0e5dc;font-size:.8rem;line-height:1.6}@media(max-width:640px){.loaded-teas-banner{grid-template-columns:minmax(0,1fr);gap:1.25rem}.loaded-teas-button{width:100%;white-space:normal;text-align:center}.loaded-teas-banner .loaded-teas-disclosure{font-size:.8rem}}
