/**********Button************/
[class^='mageStyle'] [class*='Button'] {
    padding: 0 var(--default-mp);
    font-size: var(--button-fs);
    cursor: pointer;
    min-width: var(--button-width);
    height: auto;
    min-height: var(--button-height);
    -webkit-appearance: button;
    overflow: visible;

}
[class^='mageStyle'] [class*='Button_xs'] {
    min-height: var(--button-height-xs);
}
[class^='mageStyle'] [class*='Button'] span {padding: 0 7px 0 0;}
[class^='mageStyle'] [class*='Button']:hover,
[class^='mageStyle'] [class*='Button']:focus {text-decoration: none;opacity: 0.9;}
/*******Default button******/
[class^='mageStyle'] [class*='defaultButton'] {
    color: var(--button-color);
    background-color: var(--button-bg);

}
[class^='mageStyle'] [class*='defaultButton_xs']{
    min-width:auto;
    padding: var(--default-mp-xs);
    font-size: 70%;
}