.buttonPrimary{
    background-color: var(--colorButtonNormal) !important;
    transition: all 0.3s ease-in-out !important;
    cursor:pointer !important;
    color:var(--colorBlue) !important;
    user-select: none !important;
    border: none !important;
    border-radius: 5px !important;
}
.buttonPrimary>.ggskin_svg{
    transform: scale(0.9);
    transition: transform 0.15s ease;
}
.buttonPrimary>div{
    
}
.buttonPrimary>.ggskin_svg {
    position: absolute !important;
    z-index: 1;
}

.buttonText{
    padding: 0.5rem 1rem !important;
    height: auto !important;
    width: auto !important;
}
.buttonText>div{
    position: relative !important;
    z-index: 1 !important;
}
.buttonBlue{
    background-color: var(--colorBlue) !important;
    box-shadow: 0 0 0 1px #ffffff20;
}
.menuBg .buttonBlue{
    box-shadow: none;
}
.buttonBlue > .ggskin_svg{
    filter: invert(100%);
}
body.desktop .buttonBlue:hover > .ggskin_svg,
body.desktop .buttonBlue:focus-visible > .ggskin_svg{
    filter: brightness(0) saturate(100%) invert(23%) sepia(55%) saturate(1188%) hue-rotate(177deg) brightness(93%) contrast(92%);
}

.buttonBlue>div{
    color:var(--colorWhite) !important;
    transition: all 0.3s;
}
.buttonText>div{
    pointer-events: none !important;
}
.buttonLoader{
    padding: 1rem 2rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.buttonLoader>div{
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
}
body.desktop .buttonPrimary:hover,
body.desktop .buttonPrimary:focus-visible{
    box-shadow: var(--hoverOutline);
    color:var(--colorBlue) !important;
    background-color: var(--colorButtonHover) !important;
}

body.desktop .buttonPrimary:hover > div,
body.desktop .buttonPrimary:focus-visible > div{
    color:var(--colorBlue) !important;
}
body.desktop .buttonPrimary:hover > .ggskin_svg,
body.desktop .buttonPrimary:focus-visible > .ggskin_svg{
    transform: scale(1.1);
}
.buttonSmall{
	box-shadow: none !important;
}

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