42 lines
860 B
CSS
42 lines
860 B
CSS
section.newsletter {
|
|
--padding-vertical: var(--space-m);
|
|
background-color: var(--color-brown-light);
|
|
}
|
|
|
|
section.newsletter h2 {
|
|
margin-bottom: calc(var(--space-m) / 2);
|
|
}
|
|
|
|
section.newsletter {
|
|
--space-vertical: 0.4rem;
|
|
}
|
|
|
|
section.newsletter form {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1fr;
|
|
}
|
|
|
|
section.newsletter form > *:last-child {
|
|
justify-self: end;
|
|
}
|
|
|
|
section.newsletter form input {
|
|
border-bottom: var(--border);
|
|
padding-bottom: var(--space-vertical);
|
|
width: 100%;
|
|
}
|
|
|
|
section.newsletter form button[type="submit"] {
|
|
margin-top: var(--space-vertical);
|
|
}
|
|
|
|
section.newsletter form button[type="submit"]::before {
|
|
content: "→";
|
|
position: absolute;
|
|
transform: translateX(-1.5rem);
|
|
transition: transform 0.35s ease-in-out;
|
|
}
|
|
|
|
section.newsletter form button[type="submit"]:hover::before {
|
|
transform: translateX(-2.5rem);
|
|
}
|