/* ------------ buttons style ------------ */

.btn-norm a,
.elementor-widget-posts .elementor-button-wrapper a {
  color: #fff;

  letter-spacing: var(--letter-spacing-btn);

  text-transform: uppercase;

  text-decoration: none;

  padding: 20px 30px;

  display: inline-block;

  transition: var(--all-transition);

  border-radius: 0px !important;

  font-family: var(--font-primary);

  position: relative;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11),
    0 1px 3px rgba(0, 0, 0, 0.08);

  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;
}

.btn-norm a::before,
.elementor-widget-posts .elementor-button-wrapper a::before {
  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  -webkit-transform-origin: bottom left;

  -o-transform-origin: bottom left;

  transform-origin: bottom left;

  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  -o-transition: -o-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
    -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
    -o-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.btn-norm a:hover::before,
.elementor-widget-posts .elementor-button-wrapper a:hover::before {
  visibility: hidden;

  -webkit-transition: visibility 0s 0.47s,
    -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  transition: visibility 0s 0.47s,
    -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  -o-transition: visibility 0s 0.47s,
    -o-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
    visibility 0s 0.47s;

  transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
    visibility 0s 0.47s, -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1),
    -o-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);

  -webkit-transform: scaleY(0);

  -o-transform: scaleY(0);

  transform: scaleY(0);
}

.btn-norm a {
  background-color: var(--c-primary);
}

.btn-norm a::before,
.elementor-widget-posts .elementor-button-wrapper a::before {
  background-color: var(--c-black);
}

.btn-norm.btn-verde a,
.elementor-widget-posts .elementor-button-wrapper a {
  background-color: var(--c-black);
}

.btn-norm.btn-verde a::before,
.elementor-widget-posts .elementor-button-wrapper a::before {
  background-color: var(--c-primary);
}

.btn-norm.btn-whats a,
.btn-norm.btn-whats a::before {
  background-color: #25d366;
}

.btn-norm.btn-whats a:hover {
  background-color: var(--c-black);
}

.btn-norm.btn-dest a {
  background-color: var(--c-primary);
  color: #f8f8f8;
}

.btn-norm.btn-dest a::before {
  background-color: #fb43b4;
}

.btn-norm.btn-white a {
  background-color: var(--c-primary) !important;

  color: var(--c-primary) !important;
}

.btn-norm.btn-white a:hover {
  color: var(--c-white) !important;
}

.btn-norm.btn-white a::before {
  background-color: var(--c-white);
}

@keyframes button-roll-over {
  35% {
    -webkit-transform: translateY(10px);

    -o-transform: translateY(10px);

    transform: translateY(10px);
  }

  35.001% {
    color: #fff;

    -webkit-transform: translateY(-20px);

    -o-transform: translateY(-20px);

    transform: translateY(-20px);
  }

  to {
    color: #fff;

    -webkit-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);
  }
}

@-webkit-keyframes button-roll-out {
  0% {
    color: #fff;
  }

  35% {
    -webkit-transform: translateY(20px);

    transform: translateY(20px);

    opacity: 0;
  }

  60% {
    opacity: 0;
  }

  60.001% {
    opacity: 1;

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);
  }

  to {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}

.btn-norm a .elementor-button-content-wrapper,
.elementor-widget-posts
  .elementor-button-wrapper
  a
  .elementor-button-content-wrapper {
  position: relative;

  display: inline-block;

  -webkit-animation: button-roll-out 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;

  -o-animation: button-roll-out 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

  animation: button-roll-out 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.btn-norm a:hover .elementor-button-content-wrapper,
.elementor-widget-posts
  .elementor-button-wrapper
  a:hover
  .elementor-button-content-wrapper {
  -webkit-animation: button-roll-over 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;

  -o-animation: button-roll-over 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
    forwards;

  animation: button-roll-over 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* .btn-norm.btn-footer a {



  border-left: 1px solid #fff !important;



      border-right: 1px solid #fff !important;



  border-radius: 0px;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  -ms-border-radius: 0px;



  -o-border-radius: 0px;



} */

/* btn play */

.eicon-play:before {
  background-color: #fff;

  color: #89bdbe;

  border-radius: 50%;
}

.eicon-play::after {
  border: 4px solid #fff;

  content: "";

  width: 130px;

  height: 130px;

  border-radius: 50%;

  display: block;

  position: absolute;

  animation: ring 1.5s infinite;

  z-index: -1;

  top: 50%;

  left: 50%;

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

/* botón blanco */

.btn-light a {
  /* animacion */

  -webkit-animation-fill-mode: backwards;

  animation-fill-mode: backwards;

  color: var(--c-primary);

  background-color: #fff;

  text-transform: uppercase;

  text-decoration: none;

  padding: 15px 40px;

  display: inline-block;

  transition: all 0.2s;

  /* position: absolute; */

  font-weight: 600;

  letter-spacing: var(--letter-spacing-btn);
}

.btn-light a:hover {
  transform: translateY(-3px);

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

  -webkit-transform: translateY(-3px);

  -moz-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  -o-transform: translateY(-3px);
}

.btn-light a::after {
  content: "";

  display: inline-block;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: -1;

  transition: all 0.4s;
}

.btn-light a:hover::after {
  transform: scaleX(1.4) scaleY(1.6);

  opacity: 0;
}

.btn-light.btn-white a::after {
  background-color: var(--c-white);
}

.btn-norm.btn-ico a .elementor-button-content-wrapper {
  display: flex;
  gap: 10px;
}


@media screen and (max-width: 600px) {

  .btn-norm.btn-ico a {
    padding: 20px 15px;
  }

}