Hi I am trying to write css classes as per the specification given. For example, If i am designing a button they have given specification as below.
Normal:-

[![enter image description here](https://i.stack.imgur.com/WRfo4.png)](https://i.stack.imgur.com/WRfo4.png)

Hover:-

[![enter image description here](https://i.stack.imgur.com/cm9wi.png)](https://i.stack.imgur.com/cm9wi.png)

Below is my html code which displays button.

```
<input type="button" class="btn" value="Button"/>

```

I want to write classes for the above button as per the specification provided. May i know how to write this? I have tried something below but correct me if i am wrong.

```
 .btn {
            background: rgb(12,116,218);
            border: rgb(12,116,218);
            border-bottom: rgb(0,76,151);
        }

```

Also how can I write css for the hover as per the above specification provided? Any help would be appreciated. Thank you