#mni-subs-efdd9b29 .mn-subscribe {
background-color: #f2f2f2; /* transparent background */
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
font-family: Arial, semibold; /* use client font here */
text-align: center;
}
/* Style the subscription message link */
#mni-subs-efdd9b29 .mn-subscribe-show {
font-size: 18px;
color: #ffffff;
background-color: #1881A9; /* color for the button */
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
}
#mni-subs-efdd9b29 .mn-subscribe-show:hover {
background-color: #136787; /* color for the button with black overlayed at 20% opacity */
}
/* Style the form fields */
#mni-subs-efdd9b29 input[type="text"] {
width: 100%;
padding: 10px;
margin: 8px 0;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
}
/* Style the submit button */
#mni-subs-efdd9b29 .mn-subscribe-button {
background-color: #1881A9; /* color for the button */
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
#mni-subs-efdd9b29 .mn-subscribe-button:hover {
background-color: #136787; /* color for the button with black overlayed at 20% opacity */
}
/* Style error message */
#mni-subs-efdd9b29 .mn-subscribe-validation {
color: #E32B26;
font-size: 14px;
margin-top: 10px;
visibility: hidden; /* Set to visible when validation fails */
}
/**/