Suggested Responses - Copy this React, Tailwind Component to your project

"Please improve the buttons on the response selection UI. The current buttons (Send, Edit, Regenerate) appear too large and unbalanced compared to the rest of the design. Make the following adjustments: Adjust the button sizes to be proportional to the other UI components. Add subtle rounded edges and adjust padding for consistency with the overall design. Align the buttons properly and make them visually cohesive with the response tags. Maintain distinct colors for each button (blue for 'Send', green for 'Edit', purple for 'Regenerate') while softening the hues slightly for a more harmonious visual effect. Consider adding hover effects for better user feedback. Refer to the attached image for context." Summary of Improvements Made: Size Adjustment: Reduced the size of the buttons to be proportionate with the other elements, ensuring they don't overpower the response text. Visual Cohesion: Harmonized the colors of the buttons to align better with the response tags and softened their hues for a more polished look. Padding and Border Radius: Adjusted padding and rounded the edges of the buttons for a modern aesthetic that matches the rest of the UI. Hover Effect: Suggested the addition of hover effects for a more interactive and user-friendly experience. Button Label Updates: Changed the button labels to be clearer and more action-oriented ("Enviar," "Editar," "Regenerar").