/**
 * Public (global) CSS for Event-Plugin
 */

.doi-notice {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #333;
	background: linear-gradient(143deg, rgb(243 243 243) 25%, rgb(243 243 243) 100%);
    transition: opacity .2s ease-in-out;
    z-index: 10;
}

.doi-notice a.elementor-button {
    color: var( --e-global-color-text );
    background-color: var( --e-global-color-primary );
    border-color: var( --e-global-color-text );
    border-style: solid;
    border-width: 2px 2px 2px 2px;
}
.doi-notice a.elementor-button:hover {
    color: var( --e-global-color-primary );
    background-color: var( --e-global-color-text );
    border-color: var( --e-global-color-primary );
	text-decoration: none;
}

.doi-notice.success {
    border: 2px solid #4BB543;
}
.doi-notice.success h3 i {
    color: #4BB543;
}

.doi-notice.failure {
    border: 2px solid #cc0000;
}
.doi-notice.failure h3 i {
    color: #cc0000;
}