button[button_size="v-short"]{
    width: 80px !important;
}
button[button_size="short"]{
    width: 90px !important;
}
button[button_size="medium"]{
    width: 120px !important;
}
button[button_size="medium-2"]{
    width: 150px !important;
}
button[button_size="medium-3"]{
    width: 180px !important;
}
button[button_size="medium-4"]{
    width: 200px !important;
}
button[button_size="medium-5"]{
    width: 220px !important;
}
button[button_size="long"]{
    width: 240px !important;
}








.StandardBrownButton,
button[StandardBrownButton]{
    display: inline-block;
    background-color: #3d2700;
    color: #ffffff;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardBrownButton:hover:not(:disabled),
button[StandardBrownButton]:hover:not(:disabled){
    background-color: #523400;
    cursor: pointer;
}


.StandardBrownButton:disabled,
button[StandardBrownButton]:disabled{
    background-color: #221500;
    cursor: auto;
}


/* ==================  */


.StandardGreyButton,
button[StandardGreyButton]{
    display: inline-block;
    background-color: #c5c5c5 !important;
    color: #ffffff;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardGreyButton:hover:not(:disabled),
button[StandardGreyButton]:hover:not(:disabled){
    background-color: #aaaaaa !important;
    cursor: pointer;
}


.StandardGreyButton:disabled,
button[StandardGreyButton]:disabled{
    background-color: #3a3a3a !important;
    cursor: auto;
}

/* ==================  */


.StandardGoldButton,
button[StandardGoldButton]{
    display: inline-block;
    background-color: #ffc800 !important;
    color: #000000;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardGoldButton:hover:not(:disabled),
button[StandardGoldButton]:hover:not(:disabled){
    background-color: #ff9e01 !important;
    cursor: pointer;
}


.StandardGoldButton:disabled,
button[StandardGoldButton]:disabled{
    background-color: #e4d59c !important;
    cursor: auto;
}

/* ==================  */

.StandardRedButton,
button[StandardRedButton]{
    display: inline-block;
    background-color: rgb(255, 84, 84) !important;
    color: #000000;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardRedButton:hover:not(:disabled),
button[StandardRedButton]:hover:not(:disabled){
    background-color: rgb(191, 15, 15) !important;
    cursor: pointer;
}


.StandardRedButton:disabled,
button[StandardRedButton]:disabled{
    background-color: rgb(97, 32, 32) !important;
    cursor: auto;
}

/* ==================  */

.StandardHardRedButton,
button[StandardHardRedButton]{
    display: inline-block;
    background-color: rgb(120, 3, 3) !important;
    color: #fcfcfc;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardHardRedButton:hover:not(:disabled),
button[StandardHardRedButton]:hover:not(:disabled){
    background-color: rgb(191, 15, 15) !important;
    cursor: pointer;
}


.StandardHardRedButton:disabled,
button[StandardHardRedButton]:disabled{
    background-color: rgb(82, 2, 2) !important;
    cursor: auto;
}


/* ==================  */

.StandardGreenButton,
button[StandardGreenButton]{
    display: inline-block;
    background-color: rgb(19, 118, 13) !important;
    color: #000000;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardGreenButton:hover:not(:disabled),
button[StandardGreenButton]:hover:not(:disabled){
    background-color: rgb(10, 96, 6) !important;
    cursor: pointer;
}


.StandardGreenButton:disabled,
button[StandardGreenButton]:disabled{
    background-color: rgb(3, 58, 0) !important;
    cursor: auto;
}
/* ==================  */

.StandardHardGreenButton,
button[StandardHardGreenButton]{
    display: inline-block;
    background-color: rgb(8, 84, 4) !important;
    color: #ffffff;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardHardGreenButton:hover:not(:disabled),
button[StandardHardGreenButton]:hover:not(:disabled){
    background-color: rgb(7, 46, 5) !important;
    cursor: pointer;
}


.StandardHardGreenButton:disabled,
button[StandardHardGreenButton]:disabled{
    background-color: rgb(3, 36, 2) !important;
    cursor: auto;
}








/* ==================  */

.StandardYellowButton,
button[StandardYellowButton]{
    display: inline-block;
    background-color: #ffd563 !important;
    color: #000000;
    padding: 10px 16px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.StandardYellowButton:hover:not(:disabled),
button[StandardYellowButton]:hover:not(:disabled){
    background-color: #ffcc41 !important;
    cursor: pointer;
}


.StandardYellowButton:disabled,
button[StandardYellowButton]:disabled{
    background-color: #483500 !important;
    cursor: auto;
}