.address-book-button{width:100%;margin:0 0 12px}.address-book-modal .modal-card{max-width:650px;text-align:left;max-height:calc(100vh - 40px);overflow:auto}.address-book-modal h2{font-size:26px}.book-header{display:flex;align-items:center;justify-content:space-between}.book-header .icon-button{font-size:27px}.book-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:20px}.book-form label{font-size:13px;color:#6e7b8f}.book-form input{display:block;width:100%;margin-top:5px;border:1px solid #dfe5ed;border-radius:9px;padding:9px;font:600 15px Sarabun,sans-serif}.book-form textarea{height:125px;margin-top:5px}.book-form .book-names{grid-column:1/-1}.book-form button{align-self:end}.book-list{display:grid;gap:9px;margin-top:19px}.book-list h3{font:600 16px Kanit,sans-serif;margin:0}.book-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e7ebf1}.book-item strong{display:block;font-size:15px}.book-item small{color:#6e7b8f}.book-item-actions{display:flex;gap:5px;flex:none}.book-item-actions button{padding:7px 9px;font-size:13px}@media(max-width:480px){.book-form{grid-template-columns:1fr}.book-form button{justify-self:start}.book-item{align-items:flex-start}.book-item-actions{flex-direction:column}}