.buttonPrimary{
    background-color: var(--colorButtonNormal) !important;
    transition: all 0.3s ease-in-out !important;
    cursor:pointer !important;
    color:var(--colorBlack) !important;
    user-select: none !important;
    border-radius: var(--borderRadius) !important;
}
.buttonGreen{
    background-color: var(--colorGreen) !important;
    color:#000 !important;
}
.buttonWhite{
    background-color: var(--colorWhite) !important;
    color:#000 !important;
}
.buttonBlack{
    background-color: var(--colorBlack) !important;
    color:#fff !important;
}
.buttonText{
    padding: 0.5rem 1rem;
    height: auto !important;
    width: auto !important;
}
.buttonText>div{
    pointer-events: none !important;
    background: none !important;
}
body.desktop .buttonPrimary:hover,
body.desktop .buttonPrimary:focus-visible{
    background-color: var(--colorButtonHover) !important;
    box-shadow: var(--hoverOutline);
    color:var(--colorWhite) !important;
}
body.desktop .buttonPrimary:hover > div,
body.desktop .buttonPrimary:focus-visible > div{
    color:var(--colorWhite) !important;
}
body.desktop .buttonPrimary:hover > .ggskin_svg img,
body.desktop .buttonPrimary:focus-visible > .ggskin_svg img{
    filter: invert(100%);
}
body.desktop .buttonGreen:hover,
body.desktop .buttonGreen:focus-visible,
body.desktop .buttonWhite:hover,
body.desktop .buttonWhite:focus-visible,
body.desktop .buttonBlack:focus-visible,
body.desktop .buttonBlack:hover{
    background-color: var(--colorGreenDark) !important;
    color:var(--colorWhite) !important;
}
body.desktop .buttonGreen:hover > div,
body.desktop .buttonGreen:focus-visible > div,
body.desktop .buttonWhite:hover > div,
body.desktop .buttonWhite:focus-visible > div,
body.desktop .buttonBlack:hover > div,
body.desktop .buttonBlack:focus-visible > div{
    color:var(--colorWhite) !important;
}

body.desktop .buttonGreen:hover > .ggskin_svg img,
body.desktop .buttonGreen:focus-visible > .ggskin_svg img,
body.desktop .buttonWhite:hover > .ggskin_svg img,
body.desktop .buttonWhite:focus-visible > .ggskin_svg img,
body.desktop .buttonBlack:hover > .ggskin_svg img,
body.desktop .buttonBlack:focus-visible > .ggskin_svg img{
    filter: none;
}

body.desktop .buttonWhite:hover > .ggskin_svg img,
body.desktop .buttonWhite:focus-visible > .ggskin_svg img{
    filter: invert(100%);
}

.buttonSmall{
	box-shadow: none !important;
}
.buttonPrimary.disabled{
    opacity: 0.7 !important;
    background-color: var(--colorGreenGray) !important;
    pointer-events: none !important;
    cursor: default !important;
}
.buttonPrimary.disabled>div{
    pointer-events: none !important;
    filter: grayscale(100%);
}