.elementor-691 .elementor-element.elementor-element-0716162{--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;}.elementor-691 .elementor-element.elementor-element-0716162:not(.elementor-motion-effects-element-type-background), .elementor-691 .elementor-element.elementor-element-0716162 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#209AB300;}.elementor-691 .elementor-element.elementor-element-c435648{--display:flex;}.elementor-691 .elementor-element.elementor-element-fc3d457{--display:flex;}.elementor-691 .elementor-element.elementor-element-eaf4789{--display:flex;}.elementor-691 .elementor-element.elementor-element-208b843{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-align:center;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:6.5em;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-691 .elementor-element.elementor-element-208b843 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-691 .elementor-element.elementor-element-208b843 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-691 .elementor-element.elementor-element-208b843 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Arial", Sans-serif;font-style:italic;--n-menu-title-line-height:1;letter-spacing:0.8px;word-spacing:7px;}.elementor-691 .elementor-element.elementor-element-208b843 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){text-shadow:8px 6px 6px rgba(0, 0, 0, 0.51);}.elementor-691 .elementor-element.elementor-element-208b843 {--n-menu-title-color-hover:#000000F7;}.elementor-691 .elementor-element.elementor-element-208b843 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){text-shadow:0px 0px 10px rgba(13.659130434782606, 169.42412098298678, 224.4, 0.3);}.elementor-691 .elementor-element.elementor-element-2d1eec8{--display:flex;--min-height:0px;--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overflow:hidden;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:0;}.elementor-691 .elementor-element.elementor-element-2d1eec8.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-691 .elementor-element.elementor-element-0080f7a{--spacer-size:66vh;border-style:none;}.elementor-691 .elementor-element.elementor-element-95ca198{--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;--justify-content:center;}.elementor-691 .elementor-element.elementor-element-f14e60d{border-style:none;}.elementor-691 .elementor-element.elementor-element-f14e60d .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:50px;letter-spacing:2.1px;word-spacing:4px;text-shadow:0px 0px 10px rgba(14.48695652173915, 0, 118.99999999999999, 0.47);color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-1fe7711{--spacer-size:60vh;}.elementor-691 .elementor-element.elementor-element-fd7bd5f{border-style:none;}.elementor-691 .elementor-element.elementor-element-fd7bd5f .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:50px;letter-spacing:2.1px;word-spacing:4px;text-shadow:0px 0px 10px rgba(14.48695652173915, 0, 118.99999999999999, 0.47);color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-6f14207{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + -20px) -20px;}.elementor-691 .elementor-element.elementor-element-2160116{--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;--justify-content:center;}.elementor-691 .elementor-element.elementor-element-efa4e40 .elementor-icon-wrapper{text-align:center;}.elementor-691 .elementor-element.elementor-element-efa4e40.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-efa4e40.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-efa4e40.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-efa4e40.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-efa4e40.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-71e7e64{text-align:center;}.elementor-691 .elementor-element.elementor-element-71e7e64 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:18px;line-height:48px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.46);color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-2fccdf1 .elementor-icon-wrapper{text-align:center;}.elementor-691 .elementor-element.elementor-element-2fccdf1.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-2fccdf1.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-2fccdf1.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-2fccdf1.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-2fccdf1.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-691 .elementor-element.elementor-element-000099f{--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;--justify-content:space-between;--align-items:center;}.elementor-691 .elementor-element.elementor-element-04461da .elementor-icon-wrapper{text-align:center;}.elementor-691 .elementor-element.elementor-element-04461da.elementor-view-stacked .elementor-icon{background-color:#BAFFBBB3;}.elementor-691 .elementor-element.elementor-element-04461da.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-04461da.elementor-view-default .elementor-icon{color:#BAFFBBB3;border-color:#BAFFBBB3;}.elementor-691 .elementor-element.elementor-element-04461da.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-04461da.elementor-view-default .elementor-icon svg{fill:#BAFFBBB3;}.elementor-691 .elementor-element.elementor-element-803261b .elementor-icon-wrapper{text-align:center;}.elementor-691 .elementor-element.elementor-element-803261b.elementor-view-stacked .elementor-icon{background-color:#BAFFBBB3;}.elementor-691 .elementor-element.elementor-element-803261b.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-803261b.elementor-view-default .elementor-icon{color:#BAFFBBB3;border-color:#BAFFBBB3;}.elementor-691 .elementor-element.elementor-element-803261b.elementor-view-framed .elementor-icon, .elementor-691 .elementor-element.elementor-element-803261b.elementor-view-default .elementor-icon svg{fill:#BAFFBBB3;}.elementor-691 .elementor-element.elementor-element-b4adf8e{--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;}.elementor-691 .elementor-element.elementor-element-b4adf8e:not(.elementor-motion-effects-element-type-background), .elementor-691 .elementor-element.elementor-element-b4adf8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(165deg, #46E8F3 15%, #A50CECF2 100%);}.elementor-691 .elementor-element.elementor-element-a5aa2f5{--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;--justify-content:center;--align-items:flex-start;}.elementor-691 .elementor-element.elementor-element-78c9fb9{--display:flex;--min-height:70vh;--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;--justify-content:flex-start;}.elementor-691 .elementor-element.elementor-element-5d1e2ad{--display:flex;}.elementor-691 .elementor-element.elementor-element-b1b46c3{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + -20px) -20px;}@media(min-width:768px){.elementor-691 .elementor-element.elementor-element-5d1e2ad{--width:100vw;}}/* Start custom CSS for html, class: .elementor-element-6f14207 *//* ==========================================
   MAIN WRAPPER
========================================== */

.invicto-split-btn {
  --split-speed: 1.15s;
  --split-ease: cubic-bezier(.22, 1, .36, 1);

  width: 100%;
  min-height: 180px;

  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
  overflow: visible;
}


/* ==========================================
   STAGE
========================================== */

.invicto-btn-stage {
  position: relative;

  width: 600px;
  max-width: 95vw;

  height: 150px;
}


/* ==========================================
   ORIGINAL BUTTON
========================================== */

.invicto-main-btn {
  width: 260px;
  height: 88px;

  background:
    linear-gradient(
      to top,
      #00154c,
      #12376e,
      #23487f
    );

  color: #fff;

  border-radius: 50px;

  border: none;

  outline: none;

  cursor: pointer;

  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  box-shadow:
    0 15px 30px rgba(0,0,0,0.45),
    0 0 18px rgba(35,100,190,0.22);

  overflow: hidden;

  z-index: 10;

  transition:
    transform var(--split-speed) var(--split-ease),
    opacity 500ms ease,
    filter 650ms ease,
    box-shadow 500ms ease;
}


/* ==========================================
   ORIGINAL BUTTON TEXT
========================================== */

.invicto-main-btn span {
  font-size: 17px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1.5px;

  color: #fff;

  transition:
    top 0.65s
    cubic-bezier(.22,1,.36,1);
}


/* ==========================================
   FIRST TEXT
========================================== */

.invicto-main-btn .btn-text-one {
  position: absolute;

  width: 100%;

  top: 50%;
  left: 0;

  transform:
    translateY(-50%);
}


/* ==========================================
   SECOND TEXT
========================================== */

.invicto-main-btn .btn-text-two {
  position: absolute;

  width: 100%;

  top: 150%;
  left: 0;

  transform:
    translateY(-50%);
}


/* ==========================================
   ORIGINAL HOVER TEXT ANIMATION
========================================== */

.invicto-main-btn:hover
.btn-text-one {
  top: -100%;
}


.invicto-main-btn:hover
.btn-text-two {
  top: 50%;
}


/* ==========================================
   MAIN BUTTON HOVER
========================================== */

.invicto-main-btn:hover {
  box-shadow:
    0 18px 38px rgba(0,0,0,0.50),
    0 0 28px rgba(35,105,210,0.34);
}


/* ==========================================
   SPLIT AREA
========================================== */

.invicto-options {
  position: absolute;

  inset: 0;

  pointer-events: none;
}


/* ==========================================
   SPLIT BUTTONS
========================================== */

.invicto-option {
  position: absolute;

  top: 50%;

  width: 230px;
  height: 82px;

  display: flex;

  justify-content: center;
  align-items: center;

  border-radius: 50px;

  text-decoration: none !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      to top,
      #00154c,
      #12376e,
      #23487f
    );

  box-shadow:
    0 15px 30px rgba(0,0,0,0.45),
    0 0 18px rgba(35,100,190,0.20);

  opacity: 0;

  z-index: 5;

  transform:
    translateY(-50%)
    scaleX(.45)
    scaleY(.8);

  transition:
    left var(--split-speed) var(--split-ease),
    right var(--split-speed) var(--split-ease),
    opacity 450ms ease,
    transform var(--split-speed) var(--split-ease),
    box-shadow 400ms ease;
}


/* ==========================================
   SPLIT BUTTON TEXT
   MATCHES ORIGINAL BUTTON
========================================== */

.invicto-option span {
  font-size: 17px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1.5px;

  color: #fff;
}


/* ==========================================
   START BOTH BUTTONS IN CENTER
========================================== */

.invicto-influencer {
  left:
    calc(50% - 115px);
}


.invicto-brand {
  right:
    calc(50% - 115px);
}


/* ==========================================
   TEMPORARY SPLIT LINE / MEMBRANE
========================================== */

.invicto-divider {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 220px;
  height: 58px;

  transform:
    translate(-50%, -50%)
    scaleX(.15);

  border-radius: 50px;

  opacity: 0;

  background:
    linear-gradient(
      90deg,
      rgba(0,21,76,0),
      rgba(35,72,127,.85),
      rgba(18,55,110,.95),
      rgba(35,72,127,.85),
      rgba(0,21,76,0)
    );

  box-shadow:
    0 10px 24px rgba(0,0,0,.30);

  z-index: 3;

  pointer-events: none;
}


/* ==========================================
   MAIN BUTTON DURING SPLIT
========================================== */

.invicto-split-btn.is-open
.invicto-main-btn {
  opacity: 0;

  transform:
    translate(-50%, -50%)
    scaleX(2)
    scaleY(.38);

  filter:
    blur(6px);

  pointer-events: none;
}


/* ==========================================
   INFLUENCER MOVES LEFT
========================================== */

.invicto-split-btn.is-open
.invicto-influencer {
  left: 25px;

  opacity: 1;

  transform:
    translateY(-50%)
    scale(1);
}


/* ==========================================
   BRAND MOVES RIGHT
========================================== */

.invicto-split-btn.is-open
.invicto-brand {
  right: 25px;

  opacity: 1;

  transform:
    translateY(-50%)
    scale(1);
}


/* ==========================================
   ENABLE LINKS
========================================== */

.invicto-split-btn.is-open
.invicto-options {
  pointer-events: auto;
}


/* ==========================================
   SPLIT MEMBRANE
========================================== */

.invicto-split-btn.is-open
.invicto-divider {
  animation:
    invictoButtonSplit
    1.15s
    var(--split-ease)
    forwards;
}


/* ==========================================
   CHILD BUTTON HOVER
========================================== */

.invicto-option:hover {
  transform:
    translateY(-50%)
    translateY(-4px)
    scale(1.035) !important;

  box-shadow:
    0 20px 38px rgba(0,0,0,.52),
    0 0 28px rgba(35,105,210,.38);
}


/* ==========================================
   SPLIT ANIMATION
========================================== */

@keyframes invictoButtonSplit {

  0% {
    opacity: 0;

    transform:
      translate(-50%, -50%)
      scaleX(.15)
      scaleY(.95);
  }


  18% {
    opacity: .9;

    transform:
      translate(-50%, -50%)
      scaleX(.45)
      scaleY(.9);
  }


  45% {
    opacity: .8;

    transform:
      translate(-50%, -50%)
      scaleX(1)
      scaleY(.60);
  }


  68% {
    opacity: .55;

    transform:
      translate(-50%, -50%)
      scaleX(1.20)
      scaleY(.28);
  }


  86% {
    opacity: .20;

    transform:
      translate(-50%, -50%)
      scaleX(1.32)
      scaleY(.08);
  }


  100% {
    opacity: 0;

    transform:
      translate(-50%, -50%)
      scaleX(1.40)
      scaleY(0);
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

  .invicto-split-btn {
    min-height: 155px;
  }


  .invicto-btn-stage {
    width:
      min(370px, 96vw);

    height: 135px;
  }


  .invicto-main-btn {
    width: 220px;

    height: 72px;
  }


  .invicto-option {
    width: 155px;

    height: 66px;
  }


  /* Keep the font identical on mobile too */

  .invicto-main-btn span,
  .invicto-option span {
    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: #fff;
  }


  .invicto-influencer {
    left:
      calc(50% - 77.5px);
  }


  .invicto-brand {
    right:
      calc(50% - 77.5px);
  }


  .invicto-split-btn.is-open
  .invicto-influencer {
    left: 7px;
  }


  .invicto-split-btn.is-open
  .invicto-brand {
    right: 7px;
  }


  .invicto-divider {
    width: 140px;

    height: 45px;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0716162 */.elementor-691 .elementor-element.elementor-element-0716162 {
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin-left: calc(50% - 50vw) !important;
    overflow: hidden !important;
    position: relative;
}

.elementor-691 .elementor-element.elementor-element-0716162 .elementor-background-video-container {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
}

.elementor-691 .elementor-element.elementor-element-0716162 .elementor-background-video-container iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;

    width: 177.78vh !important;
    height: 56.25vw !important;

    min-width: 100% !important;
    min-height: 100% !important;

    transform: translate(-50%, -50%) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b1b46c3 *//* ==========================================
   MAIN WRAPPER
========================================== */

.invicto-split-btn {
  --split-speed: 1.15s;
  --split-ease: cubic-bezier(.22, 1, .36, 1);

  width: 100%;
  min-height: 180px;

  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
  overflow: visible;
}


/* ==========================================
   STAGE
========================================== */

.invicto-btn-stage {
  position: relative;

  width: 600px;
  max-width: 95vw;

  height: 150px;
}


/* ==========================================
   ORIGINAL BUTTON
========================================== */

.invicto-main-btn {
  width: 260px;
  height: 88px;

  background:
    linear-gradient(
      to top,
      #00154c,
      #12376e,
      #23487f
    );

  color: #fff;

  border-radius: 50px;

  border: none;

  outline: none;

  cursor: pointer;

  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  box-shadow:
    0 15px 30px rgba(0,0,0,0.45),
    0 0 18px rgba(35,100,190,0.22);

  overflow: hidden;

  z-index: 10;

  transition:
    transform var(--split-speed) var(--split-ease),
    opacity 500ms ease,
    filter 650ms ease,
    box-shadow 500ms ease;
}


/* ==========================================
   ORIGINAL BUTTON TEXT
========================================== */

.invicto-main-btn span {
  font-size: 17px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1.5px;

  color: #fff;

  transition:
    top 0.65s
    cubic-bezier(.22,1,.36,1);
}


/* ==========================================
   FIRST TEXT
========================================== */

.invicto-main-btn .btn-text-one {
  position: absolute;

  width: 100%;

  top: 50%;
  left: 0;

  transform:
    translateY(-50%);
}


/* ==========================================
   SECOND TEXT
========================================== */

.invicto-main-btn .btn-text-two {
  position: absolute;

  width: 100%;

  top: 150%;
  left: 0;

  transform:
    translateY(-50%);
}


/* ==========================================
   ORIGINAL HOVER TEXT ANIMATION
========================================== */

.invicto-main-btn:hover
.btn-text-one {
  top: -100%;
}


.invicto-main-btn:hover
.btn-text-two {
  top: 50%;
}


/* ==========================================
   MAIN BUTTON HOVER
========================================== */

.invicto-main-btn:hover {
  box-shadow:
    0 18px 38px rgba(0,0,0,0.50),
    0 0 28px rgba(35,105,210,0.34);
}


/* ==========================================
   SPLIT AREA
========================================== */

.invicto-options {
  position: absolute;

  inset: 0;

  pointer-events: none;
}


/* ==========================================
   SPLIT BUTTONS
========================================== */

.invicto-option {
  position: absolute;

  top: 50%;

  width: 230px;
  height: 82px;

  display: flex;

  justify-content: center;
  align-items: center;

  border-radius: 50px;

  text-decoration: none !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      to top,
      #00154c,
      #12376e,
      #23487f
    );

  box-shadow:
    0 15px 30px rgba(0,0,0,0.45),
    0 0 18px rgba(35,100,190,0.20);

  opacity: 0;

  z-index: 5;

  transform:
    translateY(-50%)
    scaleX(.45)
    scaleY(.8);

  transition:
    left var(--split-speed) var(--split-ease),
    right var(--split-speed) var(--split-ease),
    opacity 450ms ease,
    transform var(--split-speed) var(--split-ease),
    box-shadow 400ms ease;
}


/* ==========================================
   SPLIT BUTTON TEXT
   MATCHES ORIGINAL BUTTON
========================================== */

.invicto-option span {
  font-size: 17px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 1.5px;

  color: #fff;
}


/* ==========================================
   START BOTH BUTTONS IN CENTER
========================================== */

.invicto-influencer {
  left:
    calc(50% - 115px);
}


.invicto-brand {
  right:
    calc(50% - 115px);
}


/* ==========================================
   TEMPORARY SPLIT LINE / MEMBRANE
========================================== */

.invicto-divider {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 220px;
  height: 58px;

  transform:
    translate(-50%, -50%)
    scaleX(.15);

  border-radius: 50px;

  opacity: 0;

  background:
    linear-gradient(
      90deg,
      rgba(0,21,76,0),
      rgba(35,72,127,.85),
      rgba(18,55,110,.95),
      rgba(35,72,127,.85),
      rgba(0,21,76,0)
    );

  box-shadow:
    0 10px 24px rgba(0,0,0,.30);

  z-index: 3;

  pointer-events: none;
}


/* ==========================================
   MAIN BUTTON DURING SPLIT
========================================== */

.invicto-split-btn.is-open
.invicto-main-btn {
  opacity: 0;

  transform:
    translate(-50%, -50%)
    scaleX(2)
    scaleY(.38);

  filter:
    blur(6px);

  pointer-events: none;
}


/* ==========================================
   INFLUENCER MOVES LEFT
========================================== */

.invicto-split-btn.is-open
.invicto-influencer {
  left: 25px;

  opacity: 1;

  transform:
    translateY(-50%)
    scale(1);
}


/* ==========================================
   BRAND MOVES RIGHT
========================================== */

.invicto-split-btn.is-open
.invicto-brand {
  right: 25px;

  opacity: 1;

  transform:
    translateY(-50%)
    scale(1);
}


/* ==========================================
   ENABLE LINKS
========================================== */

.invicto-split-btn.is-open
.invicto-options {
  pointer-events: auto;
}


/* ==========================================
   SPLIT MEMBRANE
========================================== */

.invicto-split-btn.is-open
.invicto-divider {
  animation:
    invictoButtonSplit
    1.15s
    var(--split-ease)
    forwards;
}


/* ==========================================
   CHILD BUTTON HOVER
========================================== */

.invicto-option:hover {
  transform:
    translateY(-50%)
    translateY(-4px)
    scale(1.035) !important;

  box-shadow:
    0 20px 38px rgba(0,0,0,.52),
    0 0 28px rgba(35,105,210,.38);
}


/* ==========================================
   SPLIT ANIMATION
========================================== */

@keyframes invictoButtonSplit {

  0% {
    opacity: 0;

    transform:
      translate(-50%, -50%)
      scaleX(.15)
      scaleY(.95);
  }


  18% {
    opacity: .9;

    transform:
      translate(-50%, -50%)
      scaleX(.45)
      scaleY(.9);
  }


  45% {
    opacity: .8;

    transform:
      translate(-50%, -50%)
      scaleX(1)
      scaleY(.60);
  }


  68% {
    opacity: .55;

    transform:
      translate(-50%, -50%)
      scaleX(1.20)
      scaleY(.28);
  }


  86% {
    opacity: .20;

    transform:
      translate(-50%, -50%)
      scaleX(1.32)
      scaleY(.08);
  }


  100% {
    opacity: 0;

    transform:
      translate(-50%, -50%)
      scaleX(1.40)
      scaleY(0);
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

  .invicto-split-btn {
    min-height: 155px;
  }


  .invicto-btn-stage {
    width:
      min(370px, 96vw);

    height: 135px;
  }


  .invicto-main-btn {
    width: 220px;

    height: 72px;
  }


  .invicto-option {
    width: 155px;

    height: 66px;
  }


  /* Keep the font identical on mobile too */

  .invicto-main-btn span,
  .invicto-option span {
    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1.5px;

    color: #fff;
  }


  .invicto-influencer {
    left:
      calc(50% - 77.5px);
  }


  .invicto-brand {
    right:
      calc(50% - 77.5px);
  }


  .invicto-split-btn.is-open
  .invicto-influencer {
    left: 7px;
  }


  .invicto-split-btn.is-open
  .invicto-brand {
    right: 7px;
  }


  .invicto-divider {
    width: 140px;

    height: 45px;
  }

}/* End custom CSS */