.mbtn{font-size:14px;font-weight: 700; padding:0 16px;height: 38px;line-height: 35px;border-radius: 4px;text-align: center;transition: all 0.3s ease-in-out;white-space: nowrap;}
.mbtn-xl{font-size: 18px;padding:0px 32px;height: 66px;line-height: 66px;border-radius: 8px;}
.mbtn-lg{font-size: 18px;padding:0 32px;height: 56px;line-height: 56px;}
.mbtn-sm{font-size: 16px;padding:0 32px;height: 38px;line-height: 38px;}
.btn-icon{display: flex;column-gap:8px;align-items: center;justify-content: center;}
.marrow:after{content: "\f054";margin-left: 14px;}

.marrow:after{content: "\e94c";margin-left: 14px;font-family: 'mmkicons' !important;font-weight: 400;line-height: inherit;position: relative;bottom: -1px;}
.marrow-left::before{content: "\e94a"; margin-right: 14px;  font-family: 'mmkicons' !important; font-weight: 400; line-height: inherit; position: relative; bottom: -1px;}

.mbtn-red,.mbtn-outline-red:hover,.mbtn-red:focus{background-color:var(--cerise);color:var(--white);}
.mbtn-outline-red{border: 1px solid var(--cerise);color:var(--cerise)}
.mbtn-red:hover,.mbtn-red:active,.mbtn-outline-red:active{background-color:var(--dcerise);color:var(--white);}
.mbtn-outline-red:focus,.mbtn-red:focus{box-shadow: 0 0 0 3px var(--lcerise);}

.mbtn-blue,.mbtn-outline-blue:hover,.mbtn-blue:focus{background-color:var(--teal);color:var(--white);}
.mbtn-outline-blue{border: 1px solid var(--teal);color:var(--teal)}
.mbtn-blue:hover,.mbtn-blue:active,.mbtn-outline-blue:active{background-color:var(--dteal);color:var(--white);}
.mbtn-outline-blue:focus,.mbtn-blue:focus{box-shadow: 0 0 0 3px var(--lteal);}

.mbtn-yellow,.mbtn-outline-yellow:hover,.mbtn-yellow:focus{background-color:var(--carrot);color:var(--dgrey);}
.mbtn-outline-yellow{border: 1px solid var(--carrot);color:var(--cerise)}
.mbtn-yellow:hover,.mbtn-yellow:active,.mbtn-outline-yellow:active{background-color:var(--dcarrot);color:var(--white);}
.mbtn-outline-yellow:focus,.mbtn-yellow:focus{box-shadow: 0 0 0 3px var(--lcarrot);}

.mbtn-green,.mbtn-outline-green:hover,.mbtn-green:focus{background-color:var(--lima);color:var(--white);}
.mbtn-outline-green{border: 1px solid var(--lima);color:var(--lima)}
.mbtn-green:hover,.mbtn-green:active,.mbtn-outline-green:active{background-color:var(--dlima);color:var(--white);}
.mbtn-outline-green:focus,.mbtn-green:focus{box-shadow: 0 0 0 3px var(--llima);}

.mbtn-white{background-color:var(--white);color:var(--cerise);}
.mbtn-outline-white{border: 1px solid var(--white);color:var(--white)}
.mbtn-outline-white:hover,.mbtn-outline-white:focus{background-color:var(--white);}
.mbtn-outline-white:active{box-shadow: 0 0 0 3px var(--lcerise);}

.mbtn:disabled, .mbtn.disable,.mbtn.disable:hover{background-color: var(--lgrey); color: var(--dgrey); cursor: auto;}

@media all and (max-width: 480px){
.mbtn{overflow: hidden;white-space: pre-wrap;}
/* .mbtn-lg{font-size: 16px;padding: 0 30px;height: 45px;line-height: 45px;} */
.mbtn-lg{font-size: 16px;padding: 0 30px;}
}