.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;
    height: var(--btn-height);
    cursor: pointer;
    transition: all 0.3s ease;
    height: var(--btn-height);
}

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

.btnWarning {
    background-color: rgb(var(--clr-yellow));
    color: rgb(var(--clr-white)) !important;
    height: var(--btn-height);
}

.btnInformation {
    background-color: rgb(var(--clr-blue));
    color: rgb(var(--clr-white)) !important;
    height: var(--btn-height);
}

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

.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;
    }
}