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"