.newsletter-field {
    font-size: 1.25em;
    width: 100%;
    padding: 0.5em 1.2em 0.6em 1.2em;
    border: 1px solid #CCF;
    outline: 0;
    border-radius: 4em;
    margin: 2px;
}

.newsletter-field:focus,
.newsletter-field:focus-visible {
    border: 3px inset #88F;
    margin: 0;
}

.newsletter-field:-webkit-autofill,
.newsletter-field:-webkit-autofill:hover,
.newsletter-field:-webkit-autofill:focus,
.newsletter-field:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.newsletter-button {
    height: 2em;
    width: 2em;
    border: none;
    background: none;
    background-image: url(/static/img/icons/plus.png);
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-0.8em, -50%);
    outline: 0;
}

.notification {
    font-size: 1.5em;
    font-weight: 300;
    background: #FFF;
    color: #000;
    width: fit-content;
    border-radius: 2em;
    box-shadow: 0em 0.1em 0.2em rgb(0 0 255);
    margin: 1em auto;
    padding: 0.5em 1em;
}