.cancelbutton-container { margin: 30px 0; padding: 20px; background: #f9f9f9; text-align: center; border-radius: 5px; border: 1px solid #ddd; }
.cancelbutton-modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); }
.cancelbutton-modal-content { background-color: #fff; margin: 3% auto; padding: 25px; border: 1px solid #888; width: 95%; max-width: 650px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
.cancelbutton-close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
.cancelbutton-close:hover { color: #333; }
.cancelbutton-shop-info { background: #f1f1f1; padding: 15px; margin-bottom: 20px; border-radius: 5px; font-size: 0.95em; line-height: 1.5; }
.cancelbutton-modal .form-group { margin-bottom: 15px; text-align: left; }
.cancelbutton-modal label { font-weight: bold; display: block; margin-bottom: 5px; }
.cancelbutton-modal .form-control { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.cancelbutton-modal .form-row { display: flex; gap: 15px; }
.cancelbutton-modal .form-row .form-group { flex: 1; }
.cancelbutton-modal .form-actions { text-align: right; margin-top: 20px; }
.cancelbutton-modal .btn { padding: 10px 20px; cursor: pointer; border: none; border-radius: 4px; font-size: 16px; }
.cancelbutton-modal .btn-primary { background: #0056b3; color: #fff; }
.cancelbutton-modal .btn-secondary { background: #6c757d; color: #fff; margin-right: 10px; }
@media (max-width: 600px) { .cancelbutton-modal .form-row { flex-direction: column; gap: 0; } }