button { transition: all 0.3s ease !important; }

.btnPrimary {
    background-color: rgb(var(--clr-primary));
    border:1px solid rgb(var(--clr-secondary));
    color: rgb(var(--clr-white)) !important;
    border-radius: var(--borderRadiusSmall);
    padding: 5px 10px;
    cursor: pointer;
    height: var(--btn-height);
}

.btnSecondary { background-color: rgb(var(--clr-secondary));height: var(--btn-height); }

.btnWarning { background-color: rgb(var(--clr-yellow));height: var(--btn-height); }
.btnWarning:hover { background-color: rgb(var(--clr-yellowHover)); }

.btnInformation { background-color: rgb(var(--clr-blue));height: var(--btn-height); }
.btnInformation:hover { background-color: rgb(var(--clr-blueHover)); }

.btnSuccess { background-color: rgb(var(--clr-green)); color: rgb(var(--clr-white));height: var(--btn-height); }
.btnSuccess:hover { background-color: rgb(var(--clr-greenHover)); color: rgb(var(--clr-white)); }

.btnPrimary:hover,.btnPrimary.active {
    background-color: rgb(var(--clr-primaryHover));
}

.btnPrimary:focus, .btnPrimary:active {
    box-shadow: none;
}

.btnPrimary:hover,.btnPrimary.active {
    background-color: rgb(var(--clr-primaryHover));
}

.btnPrimary:focus, .btnPrimary:active {
    box-shadow: none;
}

.btn-bet {
    background-color: rgb(var(--clr-primary));
    border:1px solid rgb(var(--clr-primary));
    color: rgb(var(--clr-white));
    border-radius: var(--borderRadiusSmall);
    padding: 5px 10px;
    cursor: pointer;
    max-width: var(--max-btnSize);
    width: var(--max-btnSize);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.btn-bet:hover,.btn-bet.active {
    background-color: rgb(var(--clr-primaryHover));
    color: rgb(var(--clr-white)) !important;
}

.btn-bet:focus, .btn-bet:active {
    box-shadow: none;
}

.btn-bet-confirm {
    background-color: rgb(var(--clr-primary));
    color: rgb(var(--clr-textPrimary));
    border:1px solid rgb(var(--clr-primary));
    border-radius: var(--borderRadiusSmall);
    padding: 5px 10px;
    cursor: pointer;
}

.btn-bet-confirm:hover, .btn-bet-confirm:active, .btn-bet-confirm:focus {
    color: rgb(var(--clr-textPrimary));
    transform: scale(1.02);
}

.btn-bet-confirm:active, .btn-bet-confirm:focus {
    box-shadow: none;
}

@media (max-width: 768px) {
    .bet-item .btn-bet {
        margin-top: 5px;
        max-width: 124px;
    }
}