Update how-it-works button styling

This commit is contained in:
Estelle Köhler 2026-04-09 12:07:55 +02:00
parent c6d8df790e
commit 6b01e178b9

View File

@ -184,9 +184,10 @@ body {
align-items: center; align-items: center;
gap: 16px; gap: 16px;
padding: 28px 20px; padding: 28px 20px;
background: #6B6B05; background: var(--white);
border: 2px solid var(--tomato);
border-radius: 28px; border-radius: 28px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06); box-shadow: 0 12px 30px rgba(212, 75, 36, 0.08);
} }
.how-step__icon { .how-step__icon {
@ -225,7 +226,7 @@ body {
} }
.how-step__label--brown { .how-step__label--brown {
color: #FFFDE3; color: var(--tomato);
} }
.how-step__label--big { .how-step__label--big {
@ -246,7 +247,7 @@ body {
} }
.how-step__corner-number--brown { .how-step__corner-number--brown {
color: #FFFDE3; color: var(--tomato);
} }
.how-step__png { .how-step__png {
@ -256,7 +257,7 @@ body {
} }
.how-step__png--brown { .how-step__png--brown {
filter: brightness(0) saturate(100%) invert(99%) sepia(6%) saturate(1200%) hue-rotate(10deg) brightness(104%) contrast(97%); filter: brightness(0) saturate(100%) invert(39%) sepia(84%) saturate(1682%) hue-rotate(349deg) brightness(93%) contrast(86%);
} }
} }