.elementor-61 .elementor-element.elementor-element-7a97fde{--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;--overlay-opacity:1;}.elementor-61 .elementor-element.elementor-element-7a97fde::before, .elementor-61 .elementor-element.elementor-element-7a97fde > .elementor-background-video-container::before, .elementor-61 .elementor-element.elementor-element-7a97fde > .e-con-inner > .elementor-background-video-container::before, .elementor-61 .elementor-element.elementor-element-7a97fde > .elementor-background-slideshow::before, .elementor-61 .elementor-element.elementor-element-7a97fde > .e-con-inner > .elementor-background-slideshow::before, .elementor-61 .elementor-element.elementor-element-7a97fde > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-61 .elementor-element.elementor-element-7a97fde.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-cf28ca0{--spacer-size:50px;}.elementor-61 .elementor-element.elementor-element-ae31e22{--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-61 .elementor-element.elementor-element-ae31e22.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-8ed8e1d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-61 .elementor-element.elementor-element-8ed8e1d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-5894578{--spacer-size:30px;}.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-61 .elementor-element.elementor-element-925a991 .elementor-heading-title{font-family:"Mina", Sans-serif;font-size:93px;font-weight:700;color:#1E40AF;}.elementor-61 .elementor-element.elementor-element-2838906 .elementor-heading-title{font-family:"Mina", Sans-serif;font-weight:600;color:#000000;}.elementor-61 .elementor-element.elementor-element-6ff7786{--spacer-size:30px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-61 .elementor-element.elementor-element-7535b6f .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-weight:900;fill:#2A4590;color:#2A4590;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:32px 32px 32px 32px;padding:20px 20px 20px 20px;}.elementor-61 .elementor-element.elementor-element-7535b6f{width:var( --container-widget-width, 103.546% );max-width:103.546%;--container-widget-width:103.546%;--container-widget-flex-grow:0;}.elementor-61 .elementor-element.elementor-element-7535b6f.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-9c4091e{--display:flex;}.elementor-61 .elementor-element.elementor-element-3605cf1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-61 .elementor-element.elementor-element-0f070a4{--display:flex;--justify-content:space-evenly;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-61 .elementor-element.elementor-element-53505bf{--display:flex;--flex-wrap:wrap;}.elementor-61 .elementor-element.elementor-element-2321449{--display:flex;}.elementor-61 .elementor-element.elementor-element-7007144{--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;}.elementor-61 .elementor-element.elementor-element-ac6202c{--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;}.elementor-61 .elementor-element.elementor-element-ac6202c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-915dcd2{--spacer-size:50px;}.elementor-61 .elementor-element.elementor-element-e5655f3{width:var( --container-widget-width, 104.206% );max-width:104.206%;--container-widget-width:104.206%;--container-widget-flex-grow:0;text-align:left;}.elementor-61 .elementor-element.elementor-element-e5655f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-e5655f3 .elementor-heading-title{font-family:"Mina", Sans-serif;font-weight:600;color:#2A4590;}.elementor-61 .elementor-element.elementor-element-bda0db2{--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;}.elementor-61 .elementor-element.elementor-element-bda0db2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-6603091{--spacer-size:50px;}.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-61 .elementor-element.elementor-element-1dd1af2{width:var( --container-widget-width, 101.944% );max-width:101.944%;--container-widget-width:101.944%;--container-widget-flex-grow:0;font-family:"Mina", Sans-serif;font-size:15px;font-weight:600;color:#000000;}.elementor-61 .elementor-element.elementor-element-1dd1af2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-2df8052{--display:flex;}.elementor-61 .elementor-element.elementor-element-b5e0aa1{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-61 .elementor-element.elementor-element-305beed{--display:flex;}.elementor-61 .elementor-element.elementor-element-dafcabe{width:var( --container-widget-width, 117.678% );max-width:117.678%;--container-widget-width:117.678%;--container-widget-flex-grow:0;}.elementor-61 .elementor-element.elementor-element-dafcabe.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-61 .elementor-element.elementor-element-dafcabe img{width:100%;max-width:100%;height:100%;}.elementor-61 .elementor-element.elementor-element-3d93aa5{--display:flex;}.elementor-61 .elementor-element.elementor-element-fe41159{--display:flex;}.elementor-61 .elementor-element.elementor-element-75cda2c{--display:flex;}.elementor-61 .elementor-element.elementor-element-4f374c2{--display:flex;}.elementor-61 .elementor-element.elementor-element-13c846c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-61 .elementor-element.elementor-element-1b6fc74 .elementor-button{background-color:#1E40AF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-61 .elementor-element.elementor-element-1b6fc74.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-61 .elementor-element.elementor-element-a026a30{--display:flex;}@media(max-width:1024px){.elementor-61 .elementor-element.elementor-element-3605cf1{--grid-auto-flow:row;}.elementor-61 .elementor-element.elementor-element-b5e0aa1{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-61 .elementor-element.elementor-element-7a97fde{--width:100%;}.elementor-61 .elementor-element.elementor-element-ae31e22{--width:50%;}.elementor-61 .elementor-element.elementor-element-8ed8e1d{--width:99.036%;}.elementor-61 .elementor-element.elementor-element-ac6202c{--width:39.574%;}.elementor-61 .elementor-element.elementor-element-bda0db2{--width:50%;}.elementor-61 .elementor-element.elementor-element-b5e0aa1{--width:100%;}.elementor-61 .elementor-element.elementor-element-305beed{--width:70%;}.elementor-61 .elementor-element.elementor-element-3d93aa5{--width:70%;}.elementor-61 .elementor-element.elementor-element-fe41159{--width:70%;}.elementor-61 .elementor-element.elementor-element-75cda2c{--width:70%;}.elementor-61 .elementor-element.elementor-element-4f374c2{--width:70%;}}@media(max-width:767px){.elementor-61 .elementor-element.elementor-element-3605cf1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-61 .elementor-element.elementor-element-b5e0aa1{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-35de2c2 */.elementor-61 .elementor-element.elementor-element-35de2c2 {
  /* design de base */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #24b4fb;
  background-color: #24b4fb;
  border-radius: 1.5em;
  cursor: pointer;
  padding: var(--btn-padding, 0.8em 1.2em 0.8em 1em);
  font-size: 16px;

  /* transition ciblée pour scale + couleur */
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

  /* état normal */
  transform: scale(var(--btn-scale, 1));

  /* variables */
  --btn-padding: 0.8em 1.2em 0.8em 1em;
  --icon-size: 48px;
  --icon-margin-right: 30px;
  --icon-align-self: center;
  --text-font-family: 'mina', sans-serif;
  --text-font-weight: 900;
  --text-font-size: 18px;
  --text-padding-left: px;
  --text-align-self: center;
  --btn-scale: 1;
  --btn-scale-hover: 1.05; /* ajustez pour un effet plus ou moins prononcé */
}

.elementor-61 .elementor-element.elementor-element-35de2c2 .icon {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  vertical-align: middle;
  margin-right: var(--icon-margin-right);
  align-self: var(--icon-align-self);
}

.elementor-61 .elementor-element.elementor-element-35de2c2 .button__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-size: var(--text-font-size);
  padding-left: var(--text-padding-left);
  align-self: var(--text-align-self);
}

.elementor-61 .elementor-element.elementor-element-35de2c2:hover {
  background-color: #0071e2;
  transform: scale(var(--btn-scale-hover));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da2472f */.elementor-61 .elementor-element.elementor-element-da2472f {
  /* design de base */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #24b4fb;
  background-color: #24b4fb;
  border-radius: 1.5em;
  cursor: pointer;
  padding: var(--btn-padding, 0.8em 1.2em 0.8em 1em);
  font-size: 16px;

  /* transition ciblée pour scale + couleur */
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

  /* état normal */
  transform: scale(var(--btn-scale, 1));

  /* variables */
  --btn-padding: 0.8em 1.2em 0.8em 1em;
  --icon-size: 48px;
  --icon-margin-right: 15px;
  --icon-align-self: center;
  --text-font-family: 'mina', sans-serif;
  --text-font-weight: 900;
  --text-font-size: 18px;
  --text-padding-left: px;
  --text-align-self: center;
  --btn-scale: 1;
  --btn-scale-hover: 1.05; /* ajustez pour un effet plus ou moins prononcé */
}

.elementor-61 .elementor-element.elementor-element-da2472f .icon {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  vertical-align: middle;
  margin-right: var(--icon-margin-right);
  align-self: var(--icon-align-self);
}

.elementor-61 .elementor-element.elementor-element-da2472f .button__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-size: var(--text-font-size);
  padding-left: var(--text-padding-left);
  align-self: var(--text-align-self);
}

.elementor-61 .elementor-element.elementor-element-da2472f:hover {
  background-color: #0071e2;
  transform: scale(var(--btn-scale-hover));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-920d432 */.elementor-61 .elementor-element.elementor-element-920d432 {
  /* — design de base — */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #24b4fb;
  background-color: #24b4fb;
  border-radius: 1.9em;
  cursor: pointer;
  padding: var(--btn-padding, 0.8em 1.2em 0.8em 1em);
  transition: all ease-in-out 0.2s;
  font-size: 16px;

  /* — variables pour personnaliser — */
  /* icône */
  --icon-size: 52px;            /* largeur = hauteur */
  --icon-margin-right: 30px;     /* espace entre icône et texte */
  --icon-align-self: center ;    /* flex-start / center / flex-end */

  /* texte */
  --text-font-family: 'mina', sans-serif;
  --text-font-weight: 900;
  --text-font-size: 18px;
  --text-padding-left: px;     /* padding gauche du texte */
  --text-align-self: center;    /* flex-start / center / flex-end */
}

/* Icône */
.elementor-61 .elementor-element.elementor-element-920d432 .icon {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  vertical-align: middle;
  margin-right: var(--icon-margin-right);
  align-self: var(--icon-align-self);
}

/* Texte */
.elementor-61 .elementor-element.elementor-element-920d432 .button__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-size: var(--text-font-size);
  padding-left: var(--text-padding-left);
  align-self: var(--text-align-self);
}

/* Hover */
.elementor-61 .elementor-element.elementor-element-920d432:hover {
  background-color: #0071e2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5326256 */.elementor-61 .elementor-element.elementor-element-5326256 {
  /* design de base */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #24b4fb;
  background-color: #24b4fb;
  border-radius: 1.5em;
  cursor: pointer;
  padding: var(--btn-padding, 0.8em 1.2em 0.8em 1em);
  font-size: 16px;

  /* transition ciblée pour scale + couleur */
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

  /* état normal */
  transform: scale(var(--btn-scale, 1));

  /* variables */
  --btn-padding: 0.8em 1.2em 0.8em 1em;
  --icon-size: 48px;
  --icon-margin-right: 15px;
  --icon-align-self: center;
  --text-font-family: 'mina', sans-serif;
  --text-font-weight: 900;
  --text-font-size: 18px;
  --text-padding-left: px;
  --text-align-self: center;
  --btn-scale: 1;
  --btn-scale-hover: 1.05; /* ajustez pour un effet plus ou moins prononcé */
}

.elementor-61 .elementor-element.elementor-element-5326256 .icon {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  vertical-align: middle;
  margin-right: var(--icon-margin-right);
  align-self: var(--icon-align-self);
}

.elementor-61 .elementor-element.elementor-element-5326256 .button__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-size: var(--text-font-size);
  padding-left: var(--text-padding-left);
  align-self: var(--text-align-self);
}

.elementor-61 .elementor-element.elementor-element-5326256:hover {
  background-color: #0071e2;
  transform: scale(var(--btn-scale-hover));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57e2966 */.elementor-61 .elementor-element.elementor-element-57e2966 {
  /* design de base */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #24b4fb;
  background-color: #24b4fb;
  border-radius: 1.5em;
  cursor: pointer;
  padding: var(--btn-padding, 0.8em 1.2em 0.8em 1em);
  font-size: 16px;

  /* transition ciblée pour scale + couleur */
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

  /* état normal */
  transform: scale(var(--btn-scale, 1));

  /* variables */
  --btn-padding: 0.8em 1.2em 0.8em 1em;
  --icon-size: 48px;
  --icon-margin-right: 15px;
  --icon-align-self: center;
  --text-font-family: 'mina', sans-serif;
  --text-font-weight: 900;
  --text-font-size: 18px;
  --text-padding-left: px;
  --text-align-self: center;
  --btn-scale: 1;
  --btn-scale-hover: 1.05; /* ajustez pour un effet plus ou moins prononcé */
}

.elementor-61 .elementor-element.elementor-element-57e2966 .icon {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  vertical-align: middle;
  margin-right: var(--icon-margin-right);
  align-self: var(--icon-align-self);
}

.elementor-61 .elementor-element.elementor-element-57e2966 .button__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-size: var(--text-font-size);
  padding-left: var(--text-padding-left);
  align-self: var(--text-align-self);
}

.elementor-61 .elementor-element.elementor-element-57e2966:hover {
  background-color: #0071e2;
  transform: scale(var(--btn-scale-hover));
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05e699a */.elementor-61 .elementor-element.elementor-element-05e699a {
  /* design de base */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #24b4fb;
  background-color: #24b4fb;
  border-radius: 1.5em;
  cursor: pointer;
  padding: var(--btn-padding, 0.8em 1.2em 0.8em 1em);
  font-size: 16px;

  /* transition ciblée pour scale + couleur */
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;

  /* état normal */
  transform: scale(var(--btn-scale, 1));

  /* variables */
  --btn-padding: 0.8em 1.2em 0.8em 1em;
  --icon-size: 48px;
  --icon-margin-right: 15px;
  --icon-align-self: center;
  --text-font-family: 'mina', sans-serif;
  --text-font-weight: 900;
  --text-font-size: 18px;
  --text-padding-left: 25px;
  --text-align-self: center;
  --btn-scale: 1;
  --btn-scale-hover: 1.05; /* ajustez pour un effet plus ou moins prononcé */
}

.elementor-61 .elementor-element.elementor-element-05e699a .icon {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
  vertical-align: middle;
  margin-right: var(--icon-margin-right);
  align-self: var(--icon-align-self);
}

.elementor-61 .elementor-element.elementor-element-05e699a .button__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-size: var(--text-font-size);
  padding-left: var(--text-padding-left);
  align-self: var(--text-align-self);
}

.elementor-61 .elementor-element.elementor-element-05e699a:hover {
  background-color: #0071e2;
  transform: scale(var(--btn-scale-hover));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a97fde *//* 1) Section parent sans background ni couleur */

.intro {
  position: relative;
  overflow: hidden;
  height: auto;         /* ← hauteur dynamique */
  min-height: unset;    /* ← désactive toute hauteur forcée */  /* ou la hauteur que tu veux */
  /* PAS de background ou color ici */
    
    
}

/* 2) Calque pluie via ::before */
.intro::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;        /* bien derrière tout */
  pointer-events: none;

  background: #eff3ff; /* base */
  background-image:
    /* tes 26 gouttes longues (#1e40af) */,
    /* tes 12 gouttes courtes (#172554) */;
  background-size:
    /* tes 38 tailles */;
  animation: rain 150s linear infinite;
}

/* 3) Calque “lueur” ou décor via ::after */
.intro::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 200%; height: 200%;
  transform: translate(-50%,-50%);
  z-index: -1;        /* entre pluie et contenu */
  pointer-events: none;
  background: conic-gradient(
    from 0deg,
    #1e40af,#3b56c2,#7285d0,#a3b3e0,#c5d3f2,#1e40af
  );
  filter: blur(60px);
  opacity: .5;
  animation: rotate 8s linear infinite;
}

/* 4) Forcer tous les enfants à rester au-dessus */
.intro > * {
  position: relative;
  z-index: 1;
}

/* 5) Keyframes pluie */
@keyframes rain {
  0%   { background-position: /* tes 38 positions de départ */ }
  100% { background-position: /* tes 38 positions finales */ }
}

/* 6) Keyframes rotation décor */
@keyframes rotate {
  0%   { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba33184 *//* From Uiverse.io by Navarog21 */ 
button {
  width: 10em;
  position: relative;
  height: 3.5em;
  border: 3px ridge #149CEA;
  outline: none;
  background-color: transparent;
  color: white;
  transition: 1s;
  border-radius: 0.3em;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

button::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 3%;
  width: 95%;
  height: 40%;
  background-color: #212121;
  transition: 0.5s;
  transform-origin: center;
}

button::before {
  content: "";
  transform-origin: center;
  position: absolute;
  top: 80%;
  left: 3%;
  width: 95%;
  height: 40%;
  background-color: #212121;
  transition: 0.5s;
}

button:hover::before, button:hover::after {
  transform: scale(0)
}

button:hover {
  box-shadow: inset 0px 0px 25px #1479EA;
}/* End custom CSS */