button, .button, .submit, a[class*="btn"] {
    box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25)!important;
}
input + button {
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.25)!important;
}
.button-orange {
    background-color: var(--colororange);
    border-color:var(--colororange);
}
.button-orange,
.button-orange > *:not(div) {
    color:#fff;
}
.button-orange:hover {
     background-color: rgba(224,76,31);
}
button:not(.alt-color):active, .button:not(.alt-color):active, .submit:not(.alt-color):active {
    /*color:var(--colorgreen)!important;*/
}
button.alt-color:not(.disabled):not([disabled]):hover, 
a.button.alt-color:not(.disabled):not([disabled]):hover,
a:hover div.button.alt-color:not(.disabled):not([disabled]){
    background-color: var(--colororange);
	     color:#fff; 
}
button.button-gray:not(.disabled):not([disabled]):hover, a.button-gray:not(.disabled):not([disabled]):hover {
    background-color:#eee;
}

button.alt-color:not(.disabled):not([disabled]):hover > *:not(div), 
a.button.alt-color:not(.disabled):not([disabled]):hover,
a.button.alt-color:not(.disabled):not([disabled]):hover > *:not(div),
a:hover div.button.alt-color:not(.disabled):not([disabled])  > *:not(div) {
     color:#fff;   
}

.content-wrapper *[onclick]:hover .button:not(:active) {
    
}
.content-wrapper *[onclick]:hover button:not(.button-green):not(.alt-color):not(.button-gray):not(.button-blue):not(.disabled):not([disabled]):not(.button-orange):hover {
    
    background-color:var(--colorgreenlight)!important;
}
*[onclick]:hover .button:not(.button-green):not([class*="woot"]):not(.alt-color):not(.button-gray):not(.button-blue):not(.disabled):not([disabled]):not(.button-orange):hover:not(:active):not([type="submit"].big-button) { 

    background-color:var(--colorgreenlight);
}
button:not(.button-green):not([class*="woot"]):not(.alt-color):not(.button-gray):not(.button-blue):not([type="submit"].big-button):not(.disabled):not([disabled]):not(.button-orange):hover:not(:active) { 

    background-color:var(--colorgreenlight)!important;
}
.button:not(.button-green):not([class*="woot"]):not(.alt-color):not(.button-gray):not(.button-blue):not([type="submit"].big-button):not(.disabled):not([disabled]):not(.button-orange):hover:not(:active)  {
   
    background-color:var(--colorgreenlight);
}
button:active, .button:active, .submit:active {
    box-shadow: inset 0px 1px 0px 0px rgba(0,0,0,0.25)!important;
}


button[disabled], button.disabled, a.button.disabled {
    /*background-image:url('/themes/koffiedrukker/images/patterns/diagonalstripes66666610.svg');*/
    background-size:5px 5px;
  
}

button[type="submit"][disabled].big-button, a.button-green.disabled, button[type="submit"].disabled {
/*    background-image:url('/themes/koffiedrukker/images/patterns/diagonalstripes00000020.svg');*/
}

button[type="submit"]:not(.disabled):not([disabled]):not(.button-gray):not(.button-orange):hover,
button.button-green:not(.disabled):not([disabled]):hover, a.button.button-green:not(.disabled):not([disabled]):hover {
    background-color:rgba(0,150,0)!important;
}

button[type="submit"][disabled], a.button.disabled, button[type="submit"].disabled, button[disabled] {
    opacity: 0.3;
    box-shadow: none!important;
}

a.button:not(a[class*="-"]):hover, 
a.button:not(a[class*="-"]).selected {
	filter: grayscale(0%)!important;
	background-color:var(--colororange)!important;
	border-color:var(--colororange)!important;
	color:#fff!important;
}


/**:is(button, .kdp-product-thumbnail .button, .button) .fa[class*="chevron"] {
	transition: 0.3s ease all;
	transform: translateX(1px);
}
*:is(button:hover, .kdp-product-thumbnail:hover .button, .button:hover) .fa[class*="chevron"] {
	transform: translateX(3px);
}*/