.button, button:not([class^="mapboxgl-ctrl-"]) {
    cursor: pointer !important;
    background-color: var(--colorButtonNormal) !important;
    transition: var(--buttonTransition) !important;
    border: none !important;
    height: 40px !important;
    width: 40px !important;
    color:var(--colorWhite) !important;
    border-radius: var(--borderRadius) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    pointer-events: all;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

button.owl-next{
    background-size: 22px;
    background-image: var(--nextIconWhite) !important;
}
button.owl-prev{
    background-size: 22px;
    background-image: var(--prevIconWhite) !important;
}
button:not([class^="mapboxgl-ctrl-"]) span{
    display: none !important;
}
button i{
    font-style: normal;
}
.buttonSmall{
    height: 30px !important;
    width: 30px !important;
}
.buttonSmall{
    box-shadow: none !important;
}

.button .ggskin_svg{
    position: relative !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:auto !important;
}
.button:not(.buttonMenu) .ggskin_svg{
    transform: none !important;
}

.button .ggskin_svg,
.button.ggskin_svg *{
    pointer-events: none !important;
    user-select: none !important;
    color:var(--colorBlack) !important;
}

.buttonWithText {
    width: auto !important;
    padding: 0 2em !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
}
body.mobile .buttonWithText {
    background-color: var(--colorButtonNormal) !important;
}
.buttonWithText>div {
    font-size: 1rem !important;
    overflow-y: hidden !important;
    width: auto !important;
    height: auto !important;
}
.buttonSmall.buttonWithText{
    height: 30px !important;
    width: auto !important;  
    padding: 0 1em !important;
}
.buttonSmall.buttonWithText > div{
    font-size: 0.9rem !important;
}
body.hasHover .button:hover,
body.hasHover button:hover,
body.hasHover .button:focus-visible,
body.hasHover button:focus-visible
{
    background-color: var(--colorButtonHover) !important;
    box-shadow: var(--hoverOutline);
}

.langButtonsContainer .button:last-child{
    background-color: var(--colorButtonHover) !important;
}
body.hasHover .buttonWithText:hover,
body.hasHover .buttonWithText:focus-visible
{
    background-color: transparent !important;
    box-shadow: 0 0 0 2px #00A3C6, 0 2px 20px rgba(0,195,237,0.9) !important;
}


.buttonTransparent{
    background-color: transparent !important;
}

.buttonBlue{
    background-color: var(--colorButtonHover) !important;
}



.hidden{
	display: none !important;
}
.button.buttonMenu{
    background-color: transparent !important;
}
.button.buttonMenu .ggskin_svg{
    position: absolute !important;
    left: calc(50% - 12px) !important;
    top: calc(50% - 12px) !important;
}