I want to be able to create buttons on the web page using html and css. 
The buttons should be of non standard shape, like rectangular from one side and circular from another, etc.

The first question is how to do it, and the second is, how to make it so that it will not be clickable if clicked little outside of it's rounded border.
Here is CSS code to make the button circular,

```
.buttons
{
    height: 50px;
    width: 50px;
    border-radius: 50px;
    border: 1px solid #000;
}

```

If you try this code, and click outside of the button's circular area, then it will click, however I want it not to be clicable if not clicked inside of it's border.