.my-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.my-modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:70%}.my-modal-small .my-modal-content{width:40%}.my-modal-large .my-modal-content{width:90%}.my-modal-header{display:flex;justify-content:space-between;align-items:center}.my-modal-header h2{margin:0;font-size:24px}.my-item-section{margin-top:20px}.my-modal-close{font-size:24px;cursor:pointer;background:none;border:none;color:#333;padding:0;margin-left:20px}.my-modal-close:hover,.my-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.my-button-group{display:flex;flex-wrap:wrap;gap:15px}.my-group-button{display:inline-flex;align-items:center;padding:10px 20px;background-color:#0073e6;color:#fff;border-radius:5px;text-decoration:none}.my-group-button:hover{background-color:#005f7a}.my-button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}