¿Por qué el botón no toma la clase MobileButtonResponsive?

<button type="submit" class="btn btn-outline-primary float-lg-end mb-2 MobileButtonResponsive" href="javascript:confirmMsgSubmit('@string.Format(msg, wordInfo["Menu"])') ">@nombreModo

funcion js

function confirmMsgSubmitAction(actionURL, msg) { document.getElementById("ovly_btn2").onclick = new Function("func_submitAction('" + actionURL"')"); document.getElementById("form_ovly_msg").innerHTML = msg; dispOvly("ovly"); devolver; }

@@media (ancho máximo: 576px) {

 .MobileButtonResponsive { padding: 8px; display: flex ; justify-content: center ; align-items: center ; } }