🎨 répare le style des groupes de boutons

source/components/QuickLinks.js

@@ -18,7 +18,6 @@ type Props = {
 
 const QuickLinks = ({
 	startConversation,
-	location,
 	validInputEntered,
 	quickLinks,
 	conversationStarted
@@ -34,7 +33,7 @@ const QuickLinks = ({
 			native>
 			{styles => (
 				<animated.div
-					className="ui__ button-container"
+					className="ui__ answer-group"
 					style={{
 						...styles,
 						display: 'flex',

source/components/ui/Button/button.css

@@ -191,17 +191,7 @@
 	padding: 0.4rem 0.8rem;
 	border-radius: 0.3rem;
 }
-.ui__.button-container {
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: flex-end;
-}
-.ui__.button-container > * {
-	margin: 0;
-}
-.ui__.button-container > :not(:last-child) {
-	margin-right: 1rem;
-}
+
 
 @keyframes push-button-down {
 	from {

source/components/ui/index.css

@@ -25,6 +25,13 @@ button {
 	display: flex;
 	align-items: center;
 	justify-content: flex-end;
+	flex-wrap: wrap;
+	margin-bottom: 1rem;
+}
+@media (min-width: 500px) {
+	.ui__.answer-group > :not(:last-child) {
+		margin-right: 1rem;
+	}
 }
 @media (max-width: 500px) {
 	.ui__.answer-group {

source/sites/mycompanyinfrance.fr/pages/SocialSecurity/Home.js

@@ -57,7 +57,7 @@ class SocialSecurity extends Component<Props, {}> {
 								</T>
 							</p>
 							<h2>Que souhaitez-vous estimer ?</h2>
-							<div className="ui__ button-container">
+							<div className="ui__ answer-group">
 								<Link
 									className="ui__ button"
 									to={