.gentle-reminder { margin: -8px 4px 16px; padding: 13px 14px; display: grid; grid-template-columns: 28px 1fr 42px; align-items: center; gap: 8px; border: 2px solid #fff; border-radius: 18px; background: linear-gradient(135deg, #fff, #ffe7f0); box-shadow: var(--shadow); }
.gentle-reminder[hidden] { display: none; }
.gentle-reminder > span { color: var(--hot); font-size: 25px; }
.gentle-reminder p { margin: 0; font-size: 14px; line-height: 1.35; font-weight: 750; }
.gentle-reminder button { border: 0; border-radius: 12px; background: #ffd5e5; color: #8c2858; padding: 8px 5px; font-size: 12px; font-weight: 850; }