Quite a few changes to styles but outcome is the same.
Use transform to move button around, not a big fan of adjusting bottom to move the button upwards. This would move all content along with it, rather than just the button.
Absolute positioning of the icon to always be on the far right of the button (respecting the padding). I'm willing to discuss this one if we want to keep the float property. Just haven't seen / used that in ages.
Don't want to set the font-family here -- this should use whatever is set on the site it's being used on. Set the font styles individually and match invision designs.
max-width of 380px by default. This can be overridden if necessary.
Inputs
Better placeholder colour.
Less inset box shadow 🥇
Replace Fragment with div. Without it validation errors just fly around randomly depending on what parent styles are and this component shouldn't be affected by it.
Buttons
Quite a few changes to styles but outcome is the same.
transform
to move button around, not a big fan of adjustingbottom
to move the button upwards. This would move all content along with it, rather than just the button.float
property. Just haven't seen / used that in ages.max-width
of380px
by default. This can be overridden if necessary.Inputs
Fragment
with div. Without it validation errors just fly around randomly depending on what parent styles are and this component shouldn't be affected by it.