Copy the code below and paste in your Notapad. Then Save the notepad as 
your-styles.css to your documents folder.
...

/* Button 1 */
.button--1 {
    font-size: 48px;
    padding: 8px 32px;
    color: #ffd7e6;
    background-color: #d86b7d;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 10px 10px 10px #ccdae5;
    transition: all .3s;
}
.button--1:hover {
    color: white;
    box-shadow: 3px 3px 10px #ccdae5;
}

/* Button 2 */
.button--2 {
    font-size: 48px;
    padding: 8px 32px;
    color: white;
    background-color: #ccc;
}
.button--2:hover {
}

/* Button 3 */
.button--3 {
    font-size: 48px;
    padding: 8px 32px;
    color: white;
    background-color: #ccc;
}
.button--3:hover {
    
}/* Button 4 */
.button--4 {
    font-size: 48px;
    padding: 8px 32px;
    color: white;
    background-color: #ccc;
}
.button--4:hover {
}