diff --git a/app/assets/stylesheets/new_design/landing.scss b/app/assets/stylesheets/new_design/landing.scss index 6c5260c28..20182eb7e 100644 --- a/app/assets/stylesheets/new_design/landing.scss +++ b/app/assets/stylesheets/new_design/landing.scss @@ -349,7 +349,7 @@ $cta-panel-button-border-size: 2px; } } -.cta-panel-button { +.cta-panel-button-black { @include horizontal-padding(40px); @include vertical-padding(15px); display: block; @@ -358,36 +358,17 @@ $cta-panel-button-border-size: 2px; text-align: center; cursor: pointer; margin-top: 20px; + border: $cta-panel-button-border-size solid #000000; + color: #000000; - &.black { - border: $cta-panel-button-border-size solid #000000; - color: #000000; - - &:hover { - text-decoration: none; - background-color: #F8F8F8; - } - - &:focus { - color: #F8F8F8; - text-decoration: none; - } + &:hover { + text-decoration: none; + background-color: #F8F8F8; } - &.white { - border: $cta-panel-button-border-size solid #FFFFFF; - color: #FFFFFF; - - &:hover { - color: #FFFFFF; - text-decoration: none; - background-color: rgba(255, 255, 255, 0.2); - } - - &:focus { - color: #FFFFFF; - text-decoration: none; - } + &:focus { + color: #F8F8F8; + text-decoration: none; } } diff --git a/app/views/root/landing.html.haml b/app/views/root/landing.html.haml index 43fbfe30a..baa26f31d 100644 --- a/app/views/root/landing.html.haml +++ b/app/views/root/landing.html.haml @@ -72,7 +72,7 @@ %div = link_to "Contactez-nous", "mailto:#{CONTACT_EMAIL}?subject=Question%20à%20propos%20de%20demarches-simplifiees.fr", - class: "cta-panel-button white", + class: "cta-panel-button-white", target: "_blank", rel: "noopener noreferrer" @@ -85,4 +85,4 @@ %div = link_to "Découvrez notre outil", administration_path, - class: "cta-panel-button black" + class: "cta-panel-button-black"