.todo-input-container{display:flex;gap:.5rem;width:100%;margin-bottom:1rem}.todo-input-container input[type=text]{flex:1 1;margin-right:0}.todo-input-container button{white-space:nowrap}.todo-list{width:100%}.todo-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.todo-item button{background-color:#dc2626;color:white;padding:.25rem .5rem;font-size:.875rem}.todo-item button:hover{background-color:#b91c1c;transform:none}