diff --git a/static/img/FC-connect-button.svg b/static/img/FC-connect-button.svg index 47cf52d2..31932694 100644 --- a/static/img/FC-connect-button.svg +++ b/static/img/FC-connect-button.svg @@ -1,59 +1,12 @@ - - - - bouton-fc-standard - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + diff --git a/static/includes/_authentic.scss b/static/includes/_authentic.scss index 483ef14e..5c4db86c 100644 --- a/static/includes/_authentic.scss +++ b/static/includes/_authentic.scss @@ -26,30 +26,24 @@ div#fc-button { box-sizing: border-box; max-width: 100%; border: none; - border-radius: 5px; - &:active { - box-shadow: 0px 1px rgba(0, 0, 0, 0.6) inset, -1px 0px rgba(0, 0, 0, 0.1) inset, - 1px 0px rgba(0, 0, 0, 0.3) inset, 0px -1px rgba(0, 0, 0, 0.05) inset; - } a.button { text-decoration: none; - width: 300px; - height: 0; - padding-top: 27%; + width: 216px; + height: 60px; max-width: 100%; background-image: url(../img/FC-connect-button.svg); background-repeat: no-repeat; background-size: 100% 100%; - background-color: #034ea2; + background-color: #000091; display: block; - border: 1px solid #034ea2; + border: 1px solid #000091; border-radius: 3px; margin: auto; &:hover { - background-color: #2183f0; + background-color: #0000DF; } - &.linking-button { - width: 230px; + &:focus-visible { + outline: 2px solid #0063cb; } } }