﻿.ButtonCommon {
    /*font-size: 20px;*/
    text-align: center;
    border: none;
    cursor: pointer;
    margin: auto;
    /*padding: 18px 0 18px 0;*/
    border-radius: 12px;
    /*box-shadow: 0 16px #999;*/
}

.ButtonCommon:active {
    transform: translateY(2px);
    box-shadow: 0 3px #666;
}

/*green button - start*/
.ButtonGreen:hover {
    background-color: #3E8E41;
}

.ButtonGreen:active {
    background-color: #3E8E41;
}

.ButtonGreen {
    color: #FFF !important;
    background-color: #4CAF50;
}
/*green button - end*/

/*blue button - start*/
.ButtonBlue:hover {
    background-color: #1688C9;
}

.ButtonBlue:active {
    background-color: #1688C9;
}

.ButtonBlue {
    color: #FFF !important;
    background-color: #3AA9E9;
}
/*blue button - end*/

/*tomato button - start*/
.ButtonTomato:hover {
    background-color: #E55E44
}

.ButtonTomato:active {
    background-color: #E55E44
}

.ButtonTomato {
    color: #FFF !important;
    background-color: #FF694C;
}
/*tomato button - end*/

/*yellow button - start*/
.ButtonYellow:hover {
    background-color: #E6AC00;
}

.ButtonYellow:active {
    background-color: #E6AC00;
}

.ButtonYellow {
    color: #FFF !important;
    background-color: #FFC418;
}
/*yellow button - end*/