#ms-code-modal {
	position:fixed; inset:0;
	z-index:9999;
	display:flex;
	align-items:center;
	justify-content:center;
}

.ms-code-overlay { 
	position:absolute; 
	inset:0;
	background:#0006;
}

.ms-code-box { 
	position:relative; 
	background:#fff;
	padding:30px 40px;
	max-width:420px;
	width:90%;
	border-radius:8px;
}

.ms-code-close {
	position:absolute;
	right:15px;
	top:10px;
	background:none;
	border:0;
	font-size:28px;
	line-height:1;
	cursor:pointer;
}

.ms-code-title {
	margin-top:0;
}

.ms-code-box p {
	margin:15px 0;
}

.ms-code-error {
	margin:0;
}

.ms-open-code-modal,
.ms-code-send {
	background: #764ea0 !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
	font-size: 14px !important;
}

.ms-code-send,
.ms-code-verify {
	background:#a6ce39 !important;
	width:100%;
	border-radius:50px !important;
}

.ms-code-success {
	border: none !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    text-align: center !important;
    padding: 5px 10px !important;
    background: #764ea0 !important;
}

.ms-code-error {
	border: none !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    text-align: center !important;
    padding: 5px 10px !important;
}

#ms-code-email,
#ms-code-phone {
	width: 100%;
    margin-bottom: 15px;
}

#ms-code-input {
	font-size: 28px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 4px;
    padding: 8px;
	height: 60px;
	margin-bottom: 15px;
}

@media(max-width:540px) {
	.ms-code-box {
		padding: 25px;
	}
}