.elementor-3700 .elementor-element.elementor-element-31e7c7d9{--display:flex;--min-height:60vh;--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;--z-index:0;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3700 .elementor-element.elementor-element-31e7c7d9:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-31e7c7d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://imogenstubbsdesign.com/wp-content/uploads/2025/06/Graphics-header-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3700 .elementor-element.elementor-element-29c5277f{--display:flex;--min-height:100vh;--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;--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;--z-index:2;}.elementor-3700 .elementor-element.elementor-element-29c5277f:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-29c5277f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3700 .elementor-element.elementor-element-638cb281{--display:flex;--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-3700 .elementor-element.elementor-element-38794a9a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:60px 40px 150px 40px;}.elementor-3700 .elementor-element.elementor-element-38794a9a .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:60px;line-height:70px;color:#000000;}.elementor-3700 .elementor-element.elementor-element-49b64430{--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;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-3700 .elementor-element.elementor-element-49b64430:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-49b64430 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-52a533d6{--display:flex;--min-height:700px;--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-3700 .elementor-element.elementor-element-71988d84{--display:flex;--justify-content:center;--gap:60px 0px;--row-gap:60px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width: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-3700 .elementor-element.elementor-element-71988d84:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-71988d84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-148f62a2 > .elementor-widget-container{margin:60px 20px 0px 20px;padding:0px 0px 0px 0px;}.elementor-3700 .elementor-element.elementor-element-148f62a2 .elementor-heading-title{font-family:"Raleway", Sans-serif;color:#000000;}.elementor-3700 .elementor-element.elementor-element-45758af5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-45758af5{font-family:"Raleway", Sans-serif;font-size:20px;line-height:30px;color:#000000;}.elementor-3700 .elementor-element.elementor-element-64edede0 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 20px 0px;}.elementor-3700 .elementor-element.elementor-element-64edede0{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:normal;}.elementor-3700 .elementor-element.elementor-element-ba52759{--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:40px;--padding-right:40px;}.elementor-3700 .elementor-element.elementor-element-ba52759:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-ba52759 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-5f30cbd4{--display:flex;--min-height:700px;--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-3700 .elementor-element.elementor-element-5f30cbd4:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-5f30cbd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://imogenstubbsdesign.com/wp-content/uploads/2025/05/Bene-thumbnail-expanded-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3700 .elementor-element.elementor-element-589209ba{--display:flex;--justify-content:center;--gap:60px 0px;--row-gap:60px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width: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-3700 .elementor-element.elementor-element-589209ba:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-589209ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-60c49c20 > .elementor-widget-container{margin:60px 20px 0px 20px;padding:0px 0px 0px 0px;}.elementor-3700 .elementor-element.elementor-element-60c49c20 .elementor-heading-title{font-family:"Raleway", Sans-serif;color:#000000;}.elementor-3700 .elementor-element.elementor-element-68e84073 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-68e84073{font-family:"Raleway", Sans-serif;font-size:20px;line-height:30px;color:#000000;}.elementor-3700 .elementor-element.elementor-element-4f553f96 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 20px 0px;}.elementor-3700 .elementor-element.elementor-element-4f553f96{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:normal;}.elementor-3700 .elementor-element.elementor-element-2b8bb828{--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:40px;--padding-right:40px;}.elementor-3700 .elementor-element.elementor-element-2b8bb828:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-2b8bb828 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-2f8adc68{--display:flex;--min-height:700px;--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-3700 .elementor-element.elementor-element-6a3c16{--display:flex;--justify-content:center;--gap:60px 0px;--row-gap:60px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width: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-3700 .elementor-element.elementor-element-6a3c16:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-6a3c16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-5f947c83 > .elementor-widget-container{margin:60px 20px 0px 20px;padding:0px 0px 0px 0px;}.elementor-3700 .elementor-element.elementor-element-5f947c83 .elementor-heading-title{font-family:"Raleway", Sans-serif;color:#000000;}.elementor-3700 .elementor-element.elementor-element-702c6d0d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-702c6d0d{font-family:"Raleway", Sans-serif;font-size:20px;line-height:30px;color:#000000;}.elementor-3700 .elementor-element.elementor-element-30bdb6a7 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 20px 0px;}.elementor-3700 .elementor-element.elementor-element-30bdb6a7{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:normal;}.elementor-3700 .elementor-element.elementor-element-57f041d3{--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:40px;--padding-right:40px;}.elementor-3700 .elementor-element.elementor-element-57f041d3:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-57f041d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-34193650{--display:flex;--min-height:700px;--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-3700 .elementor-element.elementor-element-34193650:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-34193650 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://imogenstubbsdesign.com/wp-content/uploads/2025/02/loaloa-thumbnail.jpg");background-position:center center;background-size:cover;}.elementor-3700 .elementor-element.elementor-element-11b9db6a{--display:flex;--justify-content:center;--gap:60px 0px;--row-gap:60px;--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-3700 .elementor-element.elementor-element-11b9db6a:not(.elementor-motion-effects-element-type-background), .elementor-3700 .elementor-element.elementor-element-11b9db6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-3700 .elementor-element.elementor-element-977eef3 > .elementor-widget-container{margin:60px 20px 0px 20px;padding:0px 0px 0px 0px;}.elementor-3700 .elementor-element.elementor-element-977eef3 .elementor-heading-title{font-family:"Raleway", Sans-serif;color:#000000;}.elementor-3700 .elementor-element.elementor-element-4eccbd84 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-4eccbd84{font-family:"Raleway", Sans-serif;font-size:20px;line-height:30px;color:#000000;}.elementor-3700 .elementor-element.elementor-element-5460d896 > .elementor-widget-container{margin:0px 0px 0px 20px;padding:0px 0px 20px 0px;}.elementor-3700 .elementor-element.elementor-element-5460d896{font-family:"Noto Sans", Sans-serif;font-size:16px;font-weight:normal;}body.elementor-page-3700:not(.elementor-motion-effects-element-type-background), body.elementor-page-3700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3700 .elementor-element.elementor-element-38794a9a .elementor-heading-title{font-size:40px;line-height:50px;}.elementor-3700 .elementor-element.elementor-element-148f62a2 .elementor-heading-title{font-size:22px;}.elementor-3700 .elementor-element.elementor-element-60c49c20 .elementor-heading-title{font-size:22px;}.elementor-3700 .elementor-element.elementor-element-5f947c83 .elementor-heading-title{font-size:22px;}.elementor-3700 .elementor-element.elementor-element-977eef3 .elementor-heading-title{font-size:22px;}}@media(max-width:767px){.elementor-3700 .elementor-element.elementor-element-31e7c7d9{--min-height:40vh;}.elementor-3700 .elementor-element.elementor-element-38794a9a > .elementor-widget-container{padding:40px 20px 80px 20px;}.elementor-3700 .elementor-element.elementor-element-38794a9a .elementor-heading-title{font-size:35px;line-height:40px;}.elementor-3700 .elementor-element.elementor-element-49b64430{--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-3700 .elementor-element.elementor-element-52a533d6{--min-height:300px;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;}.elementor-3700 .elementor-element.elementor-element-71988d84{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-3700 .elementor-element.elementor-element-148f62a2 > .elementor-widget-container{margin:20px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-148f62a2 .elementor-heading-title{font-size:18px;}.elementor-3700 .elementor-element.elementor-element-45758af5{font-size:18px;}.elementor-3700 .elementor-element.elementor-element-ba52759{--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-3700 .elementor-element.elementor-element-5f30cbd4{--min-height:300px;--margin-top:20px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3700 .elementor-element.elementor-element-589209ba{--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-3700 .elementor-element.elementor-element-60c49c20 > .elementor-widget-container{margin:20px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-60c49c20 .elementor-heading-title{font-size:18px;}.elementor-3700 .elementor-element.elementor-element-68e84073{font-size:18px;}.elementor-3700 .elementor-element.elementor-element-2b8bb828{--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-3700 .elementor-element.elementor-element-2f8adc68{--min-height:300px;--margin-top:20px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3700 .elementor-element.elementor-element-6a3c16{--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-3700 .elementor-element.elementor-element-5f947c83 > .elementor-widget-container{margin:20px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-5f947c83 .elementor-heading-title{font-size:18px;}.elementor-3700 .elementor-element.elementor-element-702c6d0d{font-size:18px;}.elementor-3700 .elementor-element.elementor-element-57f041d3{--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-3700 .elementor-element.elementor-element-34193650{--min-height:300px;--margin-top:20px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;}.elementor-3700 .elementor-element.elementor-element-11b9db6a{--justify-content:space-between;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-3700 .elementor-element.elementor-element-977eef3 > .elementor-widget-container{margin:20px 20px 0px 20px;}.elementor-3700 .elementor-element.elementor-element-977eef3 .elementor-heading-title{font-size:18px;}.elementor-3700 .elementor-element.elementor-element-4eccbd84{font-size:18px;}}/* Start custom CSS for text-editor, class: .elementor-element-64edede0 */button {
  background: transparent;
  border: 1px solid #000;
  outline: none;
  padding: 20px 20px;
  height: 100px;
  width: 250px;
  border-radius: 0%;
  overflow: hidden;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
}

button:hover {
  animation: animate-scaleX 0.6s cubic-bezier(0.4, 0, 0, 1);
}

button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: black;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
  height: 100%;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%);
}

button:hover::after {
  transform: translateY(0%);
  border-radius: 0;
}

button span {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  color: black;
}

button span:after {
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 100%);
  color: white;
}
button:hover span:after {
  transform: translate(-50%, 0);
}

button:focus {
    outline: none;
}

@keyframes animate-scaleX {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.05);
  }
  100% {
    transform: scaleX(1);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4f553f96 */button {
  background: transparent;
  border: 1px solid #000;
  outline: none;
  padding: 20px 20px;
  height: 100px;
  width: 250px;
  border-radius: 0%;
  overflow: hidden;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
}

button:hover {
  animation: animate-scaleX 0.6s cubic-bezier(0.4, 0, 0, 1);
}

button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: black;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
  height: 100%;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%);
}

button:hover::after {
  transform: translateY(0%);
  border-radius: 0;
}

button span {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  color: black;
}

button span:after {
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 100%);
  color: white;
}
button:hover span:after {
  transform: translate(-50%, 0);
}

button:focus {
    outline: none;
}

@keyframes animate-scaleX {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.05);
  }
  100% {
    transform: scaleX(1);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-30bdb6a7 */button {
  background: transparent;
  border: 1px solid #000;
  outline: none;
  padding: 20px 20px;
  height: 100px;
  width: 250px;
  border-radius: 0%;
  overflow: hidden;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
}

button:hover {
  animation: animate-scaleX 0.6s cubic-bezier(0.4, 0, 0, 1);
}

button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: black;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
  height: 100%;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%);
}

button:hover::after {
  transform: translateY(0%);
  border-radius: 0;
}

button span {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  color: black;
}

button span:after {
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 100%);
  color: white;
}
button:hover span:after {
  transform: translate(-50%, 0);
}

button:focus {
    outline: none;
}

@keyframes animate-scaleX {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.05);
  }
  100% {
    transform: scaleX(1);
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5460d896 */button {
  background: transparent;
  border: 1px solid #000;
  outline: none;
  padding: 20px 20px;
  height: 100px;
  width: 250px;
  border-radius: 0%;
  overflow: hidden;
  transform: scaleX(1);
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
}

button:hover {
  animation: animate-scaleX 0.6s cubic-bezier(0.4, 0, 0, 1);
}

button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: black;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
  width: 100%;
  height: 100%;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%);
}

button:hover::after {
  transform: translateY(0%);
  border-radius: 0;
}

button span {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  overflow: hidden;
  position: relative;
  color: black;
}

button span:after {
  width: 100%;
  height: 100%;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1);
  content: attr(data-text);
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 100%);
  color: white;
}
button:hover span:after {
  transform: translate(-50%, 0);
}

button:focus {
    outline: none;
}

@keyframes animate-scaleX {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(1.05);
  }
  100% {
    transform: scaleX(1);
  }
}/* End custom CSS */