.atmo-note{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:13px 16px;border-radius:14px;font-size:13.5px;line-height:1.4}
  .atmo-note b{font-weight:800}
  .atmo-note__ic{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff}
  .atmo-note__ic svg{width:20px;height:20px}
  .atmo-note--bundle{background:linear-gradient(120deg,#eef1fe,#f1ecff);border:1px solid #dfe0fb;color:#3a3f66}
  .atmo-note--bundle .atmo-note__ic{background:linear-gradient(120deg,#3d5afe,#7c4dff)}
  .atmo-note--clear{background:linear-gradient(120deg,#fff3e8,#ffe9e6);border:1px solid #ffd8c4;color:#8a3d1b}
  .atmo-note--clear .atmo-note__ic{background:linear-gradient(120deg,#f97316,#ef4444)}
  .atmo-clearbadge{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:4px;background:linear-gradient(120deg,#f97316,#ef4444);color:#fff;font-size:10px;font-weight:800;letter-spacing:.2px;border-radius:999px;padding:3px 8px;box-shadow:0 4px 10px -3px rgba(239,68,68,.45);pointer-events:none;line-height:1.5}
  @media(max-width:600px){.atmo-note{font-size:12.5px;padding:11px 13px}.atmo-note__ic{width:34px;height:34px}.atmo-clearbadge{font-size:9px;padding:2px 6px;top:6px;left:6px}}