diff --git a/components/Banner/Banner.module.css b/components/Banner/Banner.module.css index ebc4a1a..4b8c081 100644 --- a/components/Banner/Banner.module.css +++ b/components/Banner/Banner.module.css @@ -1,4 +1,5 @@ -.banner { +.banner, +.bannerWarning { background-color: #cdcdcd; border-radius: 25px; margin-top: 10px; @@ -7,6 +8,13 @@ text-align: center; } +.bannerWarning { + background-color: #a94c4c; +} +.bannerWarning a { + color: #f5c5c5; +} + .bannerLinks { display: inline; position: absolute; diff --git a/components/Banner/Banner.tsx b/components/Banner/Banner.tsx index a5b31fb..21e4bf5 100644 --- a/components/Banner/Banner.tsx +++ b/components/Banner/Banner.tsx @@ -32,6 +32,13 @@ export const Banner = () => { +