.elementor-494 .elementor-element.elementor-element-aa9792a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-bf5f9f6 .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://maisonetmonde.fr/wp-content/uploads/2024/02/giorgio-trovato-5TXz228u4eo-unsplash1.jpg);background-size:cover;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-bf5f9f6 .elementor-background-overlay{background-color:#00000069;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-bf5f9f6 .swiper-slide-contents{margin-left:auto;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-bf5f9f6 .swiper-slide-inner{align-items:flex-start;text-align:right;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-78427a7 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://maisonetmonde.fr/wp-content/uploads/2024/02/pexels-dada-design-122818531.jpg);background-size:cover;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-78427a7 .elementor-background-overlay{background-color:#00000069;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-78427a7 .swiper-slide-contents{margin-left:auto;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-78427a7 .swiper-slide-inner{align-items:flex-start;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-ef04bbe .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://maisonetmonde.fr/wp-content/uploads/2024/02/pexels-max-rahubovskiy-59981381.jpg);background-size:cover;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-ef04bbe .elementor-background-overlay{background-color:#00000069;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-ef04bbe .swiper-slide-contents{margin-left:auto;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-repeater-item-ef04bbe .swiper-slide-inner{align-items:flex-start;}.elementor-494 .elementor-element.elementor-element-f50f595 .swiper-slide{transition-duration:calc(5000ms*1.2);height:792px;}.elementor-494 .elementor-element.elementor-element-f50f595 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-f50f595 .swiper-slide-contents{max-width:66%;}.elementor-494 .elementor-element.elementor-element-f50f595 .swiper-slide-inner{text-align:center;}.elementor-494 .elementor-element.elementor-element-f50f595 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:10px;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-slide-heading{font-family:"Roboto", Sans-serif;font-weight:700;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-slide-description{font-family:"Roboto Slab", Sans-serif;font-weight:400;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-repeater-item-dda7018 .swiper-slide-bg{background-color:#272355A6;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-repeater-item-dda7018 .elementor-background-overlay{mix-blend-mode:screen;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-repeater-item-d6ef9b1 .swiper-slide-bg{background-color:#05040480;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-repeater-item-9736dbb .swiper-slide-bg{background-color:#272355A6;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-repeater-item-f99088c .swiper-slide-bg{background-color:#05040480;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide{transition-duration:calc(4000ms*1.2);height:200px;}.elementor-494 .elementor-element.elementor-element-d559090{width:var( --container-widget-width, 632px );max-width:632px;--container-widget-width:632px;--container-widget-flex-grow:0;bottom:0px;z-index:2;}body:not(.rtl) .elementor-494 .elementor-element.elementor-element-d559090{left:0px;}body.rtl .elementor-494 .elementor-element.elementor-element-d559090{right:0px;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide-contents{max-width:100%;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide-inner{text-align:left;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:0px;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-slide-heading{color:#FFFFFF;font-family:"Epilogue", Sans-serif;font-size:44px;font-weight:200;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:-1.5px;word-spacing:0em;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-slide-description{color:#FFFCFC;font-family:"Epilogue", Sans-serif;font-size:16px;font-weight:200;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.7em;letter-spacing:0px;word-spacing:0em;}.elementor-494 .elementor-element.elementor-element-0603ea1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-494 .elementor-element.elementor-element-2841a7f{width:100%;max-width:100%;text-align:center;}.elementor-494 .elementor-element.elementor-element-2841a7f > .elementor-widget-container{margin:52px 0px -69px 0px;}.elementor-494 .elementor-element.elementor-element-2841a7f .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:72px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-3px;color:#1C244B;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-494 .elementor-element.elementor-element-1501e81{--divider-border-style:solid;--divider-color:#1C244B;--divider-border-width:2px;width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-494 .elementor-element.elementor-element-1501e81 > .elementor-widget-container{margin:51px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-1501e81.elementor-element{--align-self:center;}.elementor-494 .elementor-element.elementor-element-1501e81 .elementor-divider-separator{width:100%;}.elementor-494 .elementor-element.elementor-element-1501e81 .elementor-divider{padding-block-start:30px;padding-block-end:30px;}.elementor-494 .elementor-element.elementor-element-ffc24cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-494 .elementor-element.elementor-element-ffc24cf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-494 .elementor-element.elementor-element-226bd67 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-226bd67{text-align:justify;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#1C244B;}.elementor-494 .elementor-element.elementor-element-33fa414{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-494 .elementor-element.elementor-element-9744c85{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:87px 87px;--row-gap:87px;--column-gap:87px;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-494 .elementor-element.elementor-element-eeb6cde{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-494 .elementor-element.elementor-element-eeb6cde.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-494 .elementor-element.elementor-element-8ec40a0 > .elementor-widget-container{padding:0px 0px 35px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#1B1B1B;}.elementor-494 .elementor-element.elementor-element-8ec40a0 .elementor-heading-title{font-family:"Epilogue", Sans-serif;font-size:44px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:-1.5px;color:#1C244B;}.elementor-494 .elementor-element.elementor-element-a5e41ee{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#1C244B;}.elementor-494 .elementor-element.elementor-element-a39bf59{--display:flex;--min-height:680px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-494 .elementor-element.elementor-element-09b921c{--display:flex;}.elementor-494 .elementor-element.elementor-element-ce833b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-494 .elementor-element.elementor-element-afee0c6{--display:flex;}.elementor-494 .elementor-element.elementor-element-906360e .swiper-wrapper{height:660px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slider{text-align:left;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slider .bdt-panel-slide-item{transform:skew(-0deg);}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slider .bdt-panel-slide-desc{transform:skew(0deg);}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slider .bdt-panel-slide-link{transform:skew(-0deg);}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slider span{transform:skew(0deg);display:inline-block;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slide-item:before{background-color:#000000;transition:all .3s ease;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slide-thumb{opacity:1;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-skin-middle .swiper-slide:not(.swiper-slide-active):hover .bdt-panel-slide-thumb{opacity:1 !important;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-panel-slide-desc{padding:0px 0px 80px 20px;}.elementor-494 .elementor-element.elementor-element-906360e .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev i,
            .elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next i{font-size:24px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev{left:20px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next{right:20px;}.elementor-494 .elementor-element.elementor-element-9d61a97{--display:flex;}body:not(.rtl) .elementor-494 .elementor-element.elementor-element-8389df2{left:0px;}body.rtl .elementor-494 .elementor-element.elementor-element-8389df2{right:0px;}.elementor-494 .elementor-element.elementor-element-8389df2{top:30%;z-index:99;}@media(max-width:1366px){.elementor-494 .elementor-element.elementor-element-906360e .swiper-wrapper{height:260px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev i,
            .elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next i{font-size:24px;}}@media(max-width:1200px){.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev i,
            .elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next i{font-size:24px;}}@media(max-width:1024px){.elementor-494 .elementor-element.elementor-element-d559090{width:var( --container-widget-width, 330px );max-width:330px;--container-widget-width:330px;--container-widget-flex-grow:0;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide{height:200px;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide-inner{padding:6% 8% 3% 8%;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-slide-heading{font-size:28px;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-slide-description{font-size:14px;}.elementor-494 .elementor-element.elementor-element-2841a7f .elementor-heading-title{font-size:45px;}.elementor-494 .elementor-element.elementor-element-9744c85{--margin-top:20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-494 .elementor-element.elementor-element-8ec40a0 .elementor-heading-title{font-size:32px;}.elementor-494 .elementor-element.elementor-element-906360e .swiper-wrapper{height:400px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev i,
            .elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next i{font-size:24px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev{left:20px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next{right:20px;}}@media(max-width:880px){.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev i,
            .elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next i{font-size:24px;}}@media(max-width:767px){.elementor-494 .elementor-element.elementor-element-aa9792a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-494 .elementor-element.elementor-element-aa9792a.e-con{--align-self:center;}.elementor-494 .elementor-element.elementor-element-f50f595 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-f50f595.elementor-element{--align-self:center;}.elementor-494 .elementor-element.elementor-element-f50f595 .swiper-slide{height:270px;}.elementor-494 .elementor-element.elementor-element-f50f595 .swiper-slide-contents{max-width:100%;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-slide-heading{font-size:18px;}.elementor-494 .elementor-element.elementor-element-f50f595 .elementor-slide-description{font-size:12px;}.elementor-494 .elementor-element.elementor-element-d559090{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;bottom:0px;}.elementor-494 .elementor-element.elementor-element-d559090 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-d559090.elementor-element{--align-self:center;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide{height:100px;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide-contents{max-width:100%;}.elementor-494 .elementor-element.elementor-element-d559090 .swiper-slide-inner{padding:0% 0% 0% 2%;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-slide-heading{font-size:18px;}.elementor-494 .elementor-element.elementor-element-d559090 .elementor-slide-description{font-size:11px;line-height:2em;}.elementor-494 .elementor-element.elementor-element-2841a7f .elementor-heading-title{font-size:32px;}.elementor-494 .elementor-element.elementor-element-1501e81 .elementor-divider{padding-block-start:20px;padding-block-end:20px;}.elementor-494 .elementor-element.elementor-element-226bd67{font-size:14px;}.elementor-494 .elementor-element.elementor-element-9744c85{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:35%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-494 .elementor-element.elementor-element-eeb6cde{--margin-top:6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-494 .elementor-element.elementor-element-8ec40a0 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-494 .elementor-element.elementor-element-8ec40a0 .elementor-heading-title{font-size:26px;}.elementor-494 .elementor-element.elementor-element-a5e41ee{font-size:14px;}.elementor-494 .elementor-element.elementor-element-a39bf59{--min-height:300px;}.elementor-494 .elementor-element.elementor-element-906360e .swiper-wrapper{height:300px;}.elementor-494 .elementor-element.elementor-element-906360e .swiper-carousel{padding:0px;margin:0 -0px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev i,
            .elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next i{font-size:24px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev{left:20px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next{right:20px;}}@media(min-width:768px){.elementor-494 .elementor-element.elementor-element-ffc24cf{--content-width:94%;}.elementor-494 .elementor-element.elementor-element-eeb6cde{--width:41.181%;}.elementor-494 .elementor-element.elementor-element-a39bf59{--content-width:500px;}}@media(min-width:2400px){.elementor-494 .elementor-element.elementor-element-906360e .swiper-wrapper{height:580px;}.elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-prev i,
            .elementor-494 .elementor-element.elementor-element-906360e .bdt-navigation-next i{font-size:24px;}}/* Start custom CSS for html, class: .elementor-element-8389df2 *//* Position the container 40% from the top */
.social-sidebar {
  position: fixed; /* Keeps it fixed when scrolling */
  top: 40%; /* 40% from the top of the viewport */
  left: 20px; /* You can adjust this to position it from the left */
  transform: translateY(-50%); /* Adjust to center the div vertically */
}

/* General button styling */
.social-btn {
  display: flex;
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
  color: white;
  width: 50px; /* Ensure initial round size */
  height: 50px;
  border-radius: 50%; /* Keep buttons round */
  text-align: center;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  margin: 10px 0;
  padding: 0; /* Remove padding to ensure icon is centered */
}

/* Icons within buttons */
.social-btn svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0; /* Keep the icon size constant */
  transition: margin-left 0.4s ease; /* Smooth transition of icon position */
}

/* Hidden text initially */
.social-btn span {
  opacity: 0;
  margin-left: 5px;
  white-space: nowrap;
  transition: opacity 0.3s ease, margin-left 0.4s ease;
  position: absolute;
  left: 60px;
  font-size: 18px; /* Taille de la police modifiée */
  font-family: "Roboto", sans-serif; /* Changer la famille de police */
  font-weight: 500; /* Épaisseur intermédiaire de la police */
  color: #ffffff; /* Couleur du texte blanche */
}

/* Button expands and shows text on hover */
.social-btn:hover {
  width: 250px; /* Expand width on hover */
  border-radius: 25px; /* Smooth, pill-shaped button on hover */
  justify-content: flex-start; /* Move icon to the left on hover */
}

.social-btn:hover svg {
  margin-left: 10px; /* Move icon slightly to the right */
}

.social-btn:hover span {
  opacity: 1; /* Show text on hover */
}

/* Button-specific colors */
.devis {
  background-color: #02e522; /* Green for "Demande de Devis" */
}

.call {
  background-color: #6e75ec; /* Purple for the call button */
}

.postuler {
  background-color: #32cd32; /* Yellow for "Postuler" */
}

.email {
  background-color: #ff9800; /* Orange for the email button */
}

/* Ensure that the text has matching background color when expanded */
.devis span,
.call span,
.postuler span,
.email span {
  color: white;
}

.whatsapp {
  background-color: #ffd700; /* WhatsApp green */
}

.whatsapp span {
  color: white;
}


/* Styles par défaut pour ordinateur */
.social-btn {
  width: 50px;
  height: 50px;
}

.social-btn svg {
  width: 24px;
  height: 24px;
}

/* Mode tablette (ex. pour les écrans de 768px à 1024px de largeur) */
@media (max-width: 1024px) and (min-width: 768px) {
  .social-btn {
    width: 40px;
    height: 40px;
  }

  .social-btn svg {
    width: 20px;
    height: 20px;
  }
}

/* Mode portable (écrans de moins de 768px de largeur) */
@media (max-width: 767px) {
  .social-btn {
    width: 30px;
    height: 30px;
  }

  .social-btn svg {
    width: 16px;
    height: 16px;
  }
}/* End custom CSS */