.button {
    display    : inline-block;
    height     : 60px;
    width      : 144px;
    font-size  : 18px;
    text-align : center;
    line-height: 60px;
    cursor     : pointer;
    -webkit-transition: background-color .3s;
       -moz-transition: background-color .3s;
         -o-transition: background-color .3s;
            transition: background-color .3s;
}

.button:hover {
    background-color: #8CCAFA;
}

.button.selected {
    color           : #FFFFFF;
    background-color: #8CCAFA;
}

.button.error {
    background-color: #E84B3A;
}

.button-accent {
    color           : #FFFFFF;
    background-color: #3EA2EF;
}

.button-accent.pulse {
    -webkit-animation: pulse 1.4s infinite cubic-bezier(.7, 0, .3, 1);
       -moz-animation: pulse 1.4s infinite cubic-bezier(.7, 0, .3, 1);
}

.button-accent.pulse-once {
    -webkit-animation: pulse 1.4s 1 cubic-bezier(.7, 0, .3, 1);
       -moz-animation: pulse 1.4s 1 cubic-bezier(.7, 0, .3, 1);
}