.reminder-box{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;padding:12px 14px;border:1px solid #d9e9dc;border-left:4px solid #ee806c;border-radius:11px;background:#f5faf5;color:#365b47;font-size:11px;line-height:1.5}.reminder-box p{margin:0 0 4px;font-weight:700}.reminder-box small{color:#526a5c;font-size:10px}.reminder-box.reminder-due{background:#fff3ec;border-color:#f0c5b8;border-left-color:#d95f4e;color:#78463b}.reminder-button{flex-shrink:0;background:#245b48;color:#fff;border:0}@media(max-width:560px){.reminder-box{align-items:flex-start;flex-direction:column}.reminder-button{align-self:flex-start}}