.button, button {
    cursor: pointer !important;
    background-color: var(--colorButtonNormal) !important;
    box-shadow: 0 0 0 1px #ffffff80;
    transition: var(--buttonTransition) !important;
    border: none !important;
    height: 50px !important;
    width:50px !important;
    color:var(--colorWhite) !important;
    border-radius: var(--borderRadius);
    background-position: center !important;
    background-repeat: no-repeat !important;
    pointer-events: all;
}
button.owl-next{
    background-size: 22px;
    background-image: var(--nextIconWhite) !important;
}
button.owl-prev{
    background-size: 22px;
    background-image: var(--prevIconWhite) !important;
}
button span{
    display: none !important;
}
.buttonSmall{
    height: 30px !important;
    width: 30px !important;
}
.buttonSmall{
    box-shadow: 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;
}
.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);
}

.buttonRed{
    background-color: var(--colorRed) !important;
}
.buttonBook > div, .buttonDetails > div{
    color:var(--colorYellow) !important;
}
body.hasHover .buttonBook:hover,
body.hasHover .buttonDetails:hover,
body.hasHover .buttonBook:focus-visible,
body.hasHover .buttonDetails:focus-visible{
    background-color: var(--colorWhite) !important;
}

.tippy-box[data-theme~="custom-button"] .tippy-arrow {
  color: var(--colorYellow);
}
.tippy-box[data-theme~="custom-button"] {
    background: var(--colorYellow) !important;
  color: var(--colorWhite) !important;
  border-radius: 5px !important;
}

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





.hidden{
	display: none !important;
}