/**
* Default
**/
a.button, 
a[role="button"], 
input[type="button"], 
input[type="submit"], 
button:not([aria-label="Search"]) {
    font-size: var(--font-size-button) !important;
    padding: 10px 30px !important;
    border-radius: 1px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    color: var(--color-white) !important;
    background-color: var(--color-orange) !important;
}
a.button:hover, 
a[role="button"]:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover, 
button:not([aria-label="Search"]):hover {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%) !important;
    color: var(--color-white) !important;
    background-color: var(--color-blue) !important;
}


/**
* Orange
**/
a.button.orange, 
a[role="button"].orange, 
input[type="button"].orange, 
input[type="submit"].orange, 
button:not([aria-label="Search"]).orange  {
    background-color: var(--color-orange) !important;
}
a.button.orange:hover, 
a[role="button"].orange:hover, 
input[type="button"].orange:hover, 
input[type="submit"].orange:hover, 
button:not([aria-label="Search"]).orange:hover {
    background-color: var(--color-blue) !important;
}

/**
* Blue
**/
a.button.blue, 
a[role="button"].blue, 
input[type="button"].blue, 
input[type="submit"].blue, 
button:not([aria-label="Search"]).blue {
    background-color: var(--color-blue) !important;
}
a.button.blue:hover, 
a[role="button"].blue:hover, 
input[type="button"].blue:hover, 
input[type="submit"].blue:hover, 
button:not([aria-label="Search"]).blue:hover {
    background-color: var(--color-orange) !important;
}


/**
* Yellow
**/
a.button.yellow, 
a[role="button"].yellow, 
input[type="button"].yellow, 
input[type="submit"].yellow, 
button:not([aria-label="Search"]).yellow {
    background-color: var(--color-yellow) !important;
}
a.button.yellow:hover, 
a[role="button"].yellow:hover, 
input[type="button"].yellow:hover, 
input[type="submit"].yellow:hover, 
button:not([aria-label="Search"]).yellow:hover {
    background-color: var(--color-orange) !important;
}