.button, .sklButton {
    background-color: #40011E; 
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: default;
}

.button {
    cursor: pointer;
    transition: all 2.5s ease-out;
    -webkit-transition: all 2.5s ease-out;
}
  
.button:hover, .sklButton:hover, .button:active, .sklButton:active {
    background-color: #d81143; 
}

.btnBouncy {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.btnBouncy:hover, .btnBouncy:active {
    animation-name: bounce;
    -moz-animation-name: bounce;
}

@keyframes bounce {
	0%, 40%, 46%, 50%, 100% {
		-webkit-transform: translateY(0);
		-ms-transform:     translateY(0);
		transform:         translateY(0)
	}
	43% {
		-webkit-transform: translateY(-30px);
		-ms-transform:     translateY(-30px);
		transform:         translateY(-30px)
	}
	48% {
		-webkit-transform: translateY(-15px);
		-ms-transform:     translateY(-15px);
		transform:         translateY(-15px)
	}
}