How can I create a Button with hover effect I can't really get it and I have used bootstrap
Button Component:

```
import React from "react";
import "./button.css";

const Button = ({ title, colorStyle }) => {
  return (
    <>
      <button type="submit" className={colorStyle}>
        {title}
      </button>
    </>  );
};

export default Button;

```

And import line is::
`<Button title="Shop" colorStyle="bg-dark text-white" />`