The primary button we're using is this blue-green gradient you need to set the border to 0 in order to avoid a weird border since this style doesn't set a property for it, Tooltips should always be used in the project. If you're unsure what should go in the tooltip, leave it blank so that it sticks out like a sore thumb and will get filled in by someone else. Do not just remove the tooltip, keep it blank and in there.
<OverlayTrigger overlay={<Tooltip>Sell To Investor, Buy Back, Purchase, etc</Tooltip>} style={{ float: "right" }}> <Button className="shadow-1 theme-bg border border-0" size="sm" >Change Ownership</Button> </OverlayTrigger>
The secondary button style is below. Here instead of using the className we're using variant and setting it to primary.
<OverlayTrigger overlay={<Tooltip>Sell To Investor, Buy Back, Purchase, etc</Tooltip>} style={{ float: "right" }}> <Button className="shadow-1" variant="primary" >Change Ownership</Button> </OverlayTrigger>
There are other color options here. each of these can be done by changing the variant="" tag.
Never use Sucess, as it looks very off
So for our project primary will be our secondary style.
cancel, no, etx should be "Secondary"
Delete should be "Danger"