Update how-it-works button styling
This commit is contained in:
parent
c6d8df790e
commit
6b01e178b9
@ -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%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user