/*
 * BUTTONS
 */


/* RESET WRAPPER BUTTON */
/*.e-n-menu-toggle,
.e-n-menu-toggle:hover,
.e-n-menu-toggle:focus,
.e-n-menu-toggle:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  border-width: 0px !important;
  cursor: pointer;
}
*/

/* =========================
   BUTTON – GRADIENT TO BLACK
========================= */


.btn-gradient-black a {
    background: linear-gradient(270deg, #FFB199 0%, #F43E40 64.72%, #F43E40 98.81%);
    transition: all 0.3s ease-in-out !important;
}

.btn-gradient-black a:hover {
    background: #141414 !important;
}


/* =========================
   BUTTON – GRADIENT REVERSED
========================= */

.btn-gradient a {
  position: relative;
  background: linear-gradient(
    270deg,
    #FFB199 0%,
    #F43E40 64.72%,
    #F43E40 98.81%
  );
  border-radius: 999px;
  padding: 14px 32px;
  border: 2px solid transparent;
  transition: background .25s ease, box-shadow .25s ease;
}

/* Texte */
.btn-gradient a .elementor-button-text{
  color: #fff;
  font-weight: 500;
  letter-spacing: .02em;
  transition: color .25s ease;
}

/* =========================
   HOVER – INVERTED
========================= */

.btn-gradient a:hover{
  background: #fff;
  border-color: transparent;
}

/* Gradient border via background-clip trick */
.btn-gradient a:hover{
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(
      270deg,
      #FFB199 0%,
      #F43E40 64.72%,
      #F43E40 98.81%
    ) border-box;
}

/* Texte gradient */
.btn-gradient a:hover .elementor-button-text{
  background: linear-gradient(
    270deg,
    #FFB199 0%,
    #F43E40 64.72%,
    #F43E40 98.81%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* HEADER */


#btn-demo a {
	background: linear-gradient(270deg, #FFB199 0%, #F43E40 64.72%, #F43E40 98.81%);
}

@media (min-width: 1200px) {

    
    #btn-demo a:hover {
    	background: #141414 !important;
    	color: #FFFFFF !important;
    }
    
    #btn-login a {
    	transition: none !important;
    }
    
    #btn-login a:hover {
    	background: linear-gradient(270deg, #FFB199 0%, #F43E40 64.72%, #F43E40 98.81%);
    	color: #FFFFFF !important;
    }
    
    .is-open #btn-login a {
    	background: #141414;
    	color: #FFFFFF !important;
    }
    
    .is-open #btn-login a:hover {
        background: linear-gradient(270deg, #FFB199 0%, #F43E40 64.72%, #F43E40 98.81%);
    	color: #FFFFFF !important;
    }
}



/* Carousel back picture section */


#tabs-container .tab-btn.active-tab .elementor-button-text {
    color: #141413 !important;
    font-weight: 900 !important;
}