.wp-block-campaigner-notify-me {
    margin: 1em 0;
}

.campaigner-notify-me-preview {
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Campaigner logo styling */
.campaigner-logo-container {
    text-align: center;
    margin-bottom: 1.5em;
}

.campaigner-logo {
    max-width: 180px;
    height: auto;
}

.notify-me-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    max-width: 400px;
}

.email-input {
    width: 100%;
    padding: 0.75em;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.notify-button {
    display: inline-block;
    padding: 0.75em 1.5em;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: var(--wp--preset--color--primary, #0073aa);
    color: #ffffff;
    transition: opacity 0.3s;
}

.notify-button:hover {
    opacity: 0.9;
}

/* Editor specific styles */
.block-editor .campaigner-notify-me-preview {
    border: 1px dashed #ddd;
}

/* Block preview in inserter */
.block-editor-inserter__preview .campaigner-notify-me-preview {
    padding: 1em;
}

.block-editor-inserter__preview .campaigner-logo {
    max-width: 120px;
}

.block-editor-inserter__preview .notify-me-form {
    max-width: 100%;
}

.components-base-control {
    margin-bottom: 24px;
}
.campaigner-notify-me-wrapper h3{
    font-size: 22px;
}
.campaigner-notify-me-wrapper input[type="email"] {
    padding: 1px 15px; height: 30px; width: 60%;
}
.campaigner-notify-me-wrapper label {
    font-size: 16px;
}
.campaigner-notify-me-wrapper .campaigner-notify-button {
    border-radius: 5px; font-size: 14px; color: #fff; padding: 8px 16px;
}

#campaigner-notify-me-form h3 {
    font-size: 22px;
}
#campaigner-notify-me-form input[type="email"] {
    padding: 1px 15px; height: 30px; width: 60%;
}
#campaigner-notify-me-form label {
    font-size: 16px; 
    display: block;  
    margin: 10px 0;
}
#campaigner-notify-me-form #campaigner-notify-me-submit {
    border-radius: 5px; font-size: 14px; 
    padding: 8px 16px;
    display: block; 
    margin: 10px 0 0 0;
}