.reminder-card{position:relative;justify-content:space-between;align-items:center;background:#eee;border:1px solid #e5e5e5;border-radius:10px;padding:30px 12px;z-index:1;margin-bottom:10px}.reminder-content{gap:8px}.reminder-content,.reminder-text{display:flex;align-items:flex-start}.reminder-text{flex-direction:column;gap:2px;overflow:auto}.reminder-date{font-size:14px;color:#444}.reminder-type{font-weight:600;font-size:15px;max-width:150px;text-wrap-mode:nowrap}.reminder-days{font-size:13px;color:#555}.shop-btn-bottom{background-color:#cbd81d;color:#000;font-size:14px;width:80px;height:40px;border:none;border-radius:10px;display:flex;align-self:flex-end;margin-top:10px;justify-content:center;align-items:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;position:absolute;bottom:10px}.shop-btn-bottom:hover{background-color:#b8d217;transform:scale(1.05)}.shop-btn-bottom:active{background-color:#a6c913;transform:scale(.98)}.shop-btn-bottom:focus{outline:none;box-shadow:0 0 0 2px rgba(203,216,29,.6)}#reminder-drawer,.drawer{position:fixed;top:0;right:-350px;width:350px;height:100vh;background-color:#fff;box-shadow:-4px 0 12px rgba(0,0,0,.15);overflow-y:auto;display:flex;flex-direction:column;transition:transform .3s ease,right .3s ease}#reminder-drawer{transform:translateX(100%)}#reminder-drawer.open,.drawer.open{transform:translateX(0);right:0}.drawer-header{position:relative;height:80px;justify-content:space-between;display:flex;align-items:center;padding:0 20px;border-bottom:2px solid #cbd81d}.drawer-header .drawer-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:20px;font-weight:900;color:#1d1d1b;letter-spacing:1px;line-height:1;white-space:nowrap}.drawer-header .drawer-close{position:absolute;left:20px;top:50%;transform:translateY(-50%);background:#cbd81d;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.drawer-header .drawer-close svg{width:20px;height:20px;fill:#333;transition:fill .2s ease}.drawer-header .drawer-close:hover svg{fill:#fff}#custom-create-btn,#open-reminder-popup,#view-all-reminders-btn,.auth-card-down .btn,.auth-card-upper .btn,.logout-btn,.reminder-actions button,.reminder-button,.reminder-button-shop,.reminder-button-view,.view-all-reminders-link a,button{cursor:pointer;border:none;font-weight:700;transition:all .3s ease}.view-all-reminders-link a{color:#000;border-radius:0;padding:5px 0;display:inline-block;text-decoration:none;border-bottom:2px solid #000}.view-all-reminders-link{text-align:center}.view-all-reminders-link a:hover{color:#555;border-bottom-color:#555}.reminder-button,.reminder-button-view{display:block;width:auto;text-align:center;border-radius:999px;padding:8px;font-size:16px;margin-top:20px}.reminder-button-view{background-color:transparent;color:#000;border:2px solid #c7d431;text-decoration:none}.reminder-section-title{text-align:center}.cls-error{color:#666}@media (max-width:480px){#reminder-drawer,.drawer{width:100%;right:-100%}#reminder-drawer.open,.drawer.open{right:0}.drawer-scroll{max-height:80vh;overflow-y:auto}}