.date-action-control{position:absolute;z-index:10;left:50%;bottom:clamp(84px,14vh,124px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}
.end-date-button{position:relative;display:grid;place-items:center;width:66px;height:66px;padding:0;border:2px solid #ffc0b2;border-radius:50%;background:linear-gradient(150deg,#f06b63,#bd3d45);box-shadow:0 9px 24px #130e18a8,0 0 25px #e04d4d47;color:white;cursor:pointer;transition:transform .18s,filter .18s,box-shadow .18s}.end-date-button:hover{transform:scale(1.07);filter:brightness(1.08);box-shadow:0 12px 28px #130e18b8,0 0 30px #e04d4d60}.end-date-button svg{width:28px;height:28px;overflow:visible;fill:#fff6f2}.end-date-button svg path{fill:none;stroke:#fff6f2;stroke-width:3.2;stroke-linecap:round}.online-indicator{position:absolute;right:-1px;top:1px;width:14px;height:14px;border:2px solid #f4e8df;border-radius:50%;background:#83be88;box-shadow:0 0 10px #7bd383a0}.end-date-label{padding:4px 9px;border:1px solid #ffffff35;border-radius:12px;background:#241e27b8;color:#f7e8e2;font:600 9px "DM Sans",sans-serif;letter-spacing:.3px;backdrop-filter:blur(6px)}
@media(max-width:760px){.date-action-control{bottom:clamp(77px,13vh,106px);gap:4px}.end-date-button{width:58px;height:58px}.end-date-button svg{width:25px;height:25px}.online-indicator{width:13px;height:13px}.end-date-label{font-size:8px;padding:3px 8px}}
@media(prefers-reduced-motion:reduce){.end-date-button{transition:none}}