.mep-er-subscription-form {
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 20px;
margin: 20px 0;
max-width: 600px;
}
.mep-er-subscription-form h3 {
margin-top: 0;
margin-bottom: 15px;
font-size: 18px;
}
.mep-er-form-row {
margin-bottom: 15px;
}
.mep-er-form-row label {
display: block;
margin-bottom: 5px;
font-weight: 600;
}
.mep-er-form-row input[type="email"] {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
.mep-er-subscription-button {
background-color: #0073aa;
color: white;
border: none;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
}
.mep-er-subscription-button:hover {
background-color: #006799;
}
.mep-er-success-message {
color: #4CAF50;
padding: 10px;
background-color: #f1f8e9;
border-left: 3px solid #4CAF50;
margin: 10px 0;
}
.mep-er-error-message {
color: #F44336;
padding: 10px;
background-color: #ffebee;
border-left: 3px solid #F44336;
margin: 10px 0;
}
.mep-er-loading {
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid rgba(0, 115, 170, 0.2);
border-radius: 50%;
border-top-color: #0073aa;
animation: mep-er-spin 1s infinite linear;
margin-left: 10px;
vertical-align: middle;
}
@keyframes mep-er-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}