ReactJS
1button {2background: transparent;3border: 0;4padding: 0;5cursor: pointer;6}
7
8.card {9position: relative;10background-color: var(--white);11border-radius: 7px;12padding: 20px 20px 10px;13display: flex;14flex-flow: row wrap;15}
16
17.card > * {18flex: 1 1 100%;19}
20
21.card > * + * {22padding: 13px 0 0;23}
24
25.card:hover h2 a, .card:focus-within h2 a {26color: var(--orange);27}
28
29
30
31
32
33.menuItemsList {34padding: 0 20px;35}
36
37.divider {38height: 1px;39width: 100%;40background-color: var(--greyEC);41}
42
43
44
45@media all and (min-width: 1024px) {46.card {47background-color: transparent;48flex-flow: row nowrap;49max-height: 107px;50padding: 0 40px;51}52
53.card > * {54flex: 0 0;55}56
57.card > * + * {58padding: 0;59}60}
61
62@media all and (min-width: 1540px) {63.card {64padding: 20px 60px;65max-height: 147px;66cursor: pointer;67}68
69.card:hover, .card:focus-within {70outline: 1px solid var(--greyD9);71}72
73
74}
75