.cta-button {
  margin: 10px auto;
  padding: 0 !important;
  width: 9vw;
  text-align: center;
  font-size: 1.1vw;
}

.cta-button a {
  text-decoration: none;
}

.cta-button ul {
  width: 9vw;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.cta-button.cta-button-xl ul {
  width: 11.8vw;
}

.cta-button ul li {
  cursor: pointer;
}

.cta-button.cta-button-xl ul .div-svg {
  width: 11.8vw;
}

.cta-button.cta-button-xl ul .div-svg svg {
  width: 11.8vw;
}

.cta-button a ul li.div-svg span {
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  display: block;
  background-color: transparent;
  width: 9vw;
  height: 1.2vw;
  transition: all 0.1s ease-in-out;
  z-index: 10;
}

.cta-button.cta-button-xl a ul li.div-svg span {
  width: 11vw;
}

.cta-button ul .div-svg {
  width: 9vw;
  height: 2vw;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-button ul .div-svg svg {
  position: absolute;  
  width: 9vw;
  height: 2vw;
  top: 0;
  left: 0;
}

.cta-button ul .div-svg {
  transform: scale(1) translateY(0);
  transition: transform 100ms ease-in-out;
}

.cta-button ul .div-svg svg path {
  fill: rgba(255,255,255,0);
}

.cta-button ul .div-svg svg line {
  stroke-width: 5;
  stroke: #fff;
  fill: none;
  -webkit-transition: -webkit-transform 0.8s ease-out;
  transition: transform 0.8s ease-out;
}

.cta-button ul .div-svg svg line.top-left, .cta-button ul .div-svg svg line.bottom-right {
  stroke-width: 4;
}

.cta-button.cta-button-lg ul .div-svg svg line.top,
.cta-button.cta-button-lg ul .div-svg svg line.bottom {
  stroke-dasharray: 230;
}

.cta-button.cta-button-xl ul .div-svg svg line.top,
.cta-button.cta-button-xl ul .div-svg svg line.bottom {
  stroke-dasharray: 223.2;
}

.cta-button ul .div-svg svg line.top,
.cta-button ul .div-svg svg line.bottom {
  stroke-dasharray: 223.2;
}

.cta-button.cta-button-xl ul .div-svg svg line.top,
.cta-button.cta-button-xl ul .div-svg svg line.bottom {
  stroke-dasharray: 280;
}

.cta-button ul .div-svg svg line.left,
.cta-button ul .div-svg svg line.right {
  /* stroke-dasharray: 1.8vw; */
  stroke-dasharray: 51.2;
}

.cta-button ul .div-svg svg line.top-left,
.cta-button ul .div-svg svg line.bottom-right {
  /* stroke-dasharray: 1.7vw; */
  stroke-dasharray: 33;
}

.cta-button.cta-button-xl ul .div-svg svg line.left, .cta-button.cta-button-xl ul .div-svg svg line.right {
  stroke-dasharray: 34;
}

/* .cta-button ul .div-svg:hover svg line {
  stroke-width: 3;
}

.cta-button ul .div-svg:hover svg line.top-left, .cta-button ul .div-svg:hover svg line.bottom-right {
  stroke-width: 2;
} */

.cta-button ul .div-svg:hover {
  /* transform: scale(1.075) translateY(0vw);
  transition: transform 100ms ease-in-out; */
}

.cta-button ul .div-svg:hover svg line.top {
  -webkit-transform: translateX(-460px);
  transform: translateX(-460px);
}

.cta-button.cta-button-xl ul .div-svg:hover svg line.top {
  transform: translateX(-560px);
}

.cta-button ul .div-svg:hover svg line.bottom {
  -webkit-transform: translateX(439px);
  transform: translateX(439px);
}

.cta-button.cta-button-xl ul .div-svg:hover svg line.bottom {
  transform: translateX(560px);
}

.cta-button ul .div-svg:hover svg line.left {
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}

.cta-button.cta-button-xl ul .div-svg:hover svg line.left {
  transform: translateY(70px);
}

.cta-button ul .div-svg:hover svg line.right {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
}

.cta-button.cta-button-xl ul .div-svg:hover svg line.right {
  transform: translateY(-70px);
}

.cta-button ul .div-svg:hover svg line.top-left {
  -webkit-transform: translate(-45px, 45px);
  transform: translate(-45px, 45px);
}

.cta-button.cta-button-xl ul .div-svg:hover svg line.top-left {
  transform: translate(-84px, 76px);
}

.cta-button ul .div-svg:hover svg line.bottom-right {
  -webkit-transform: translate(46px, -44px);
  transform: translate(46px, -44px);
}

.cta-button.cta-button-xl ul .div-svg:hover svg line.bottom-right {
  transform: translate(72px, -64px);
}


/*** AZIENDA > VALORI PULSANTI _ START ***/

.comel-valori-scorciatoie-wrapper .comel-valori-scorciatoie-col .cta-button {
  margin: 0 0 1vw 0;
}

.comel-valori-scorciatoie-wrapper .comel-valori-scorciatoie-col .cta-button ul .div-svg:hover svg line.bottom {
  -webkit-transform: translateX(438px);
  transform: translateX(438px);
}

/*** AZIENDA > VALORI PULSANTI _ END ***/

/*** AZIENDA > STORIA PULSANTI _ START ***/

.comel-storia-preview-wrapper .comel-storia-preview-pulsanti > div .cta-button a ul li.div-svg span {
  /* width: 12vw; */
}

.comel-storia-preview-wrapper .comel-storia-preview-pulsanti > div:first-child .cta-button a ul li.div-svg span {
  color: #000;
}

.comel-storia-preview-wrapper .comel-storia-preview-pulsanti > div:last-child .cta-button a ul li.div-svg span {
  color: #fff;
}

.comel-storia-preview-wrapper .comel-storia-preview-pulsanti > div:first-child .cta-button a ul li.div-svg svg path {
  fill: rgb(255, 255, 255);
}

/* .comel-storia-preview-wrapper .comel-storia-preview-pulsanti .cta-button, .comel-storia-preview-wrapper .comel-storia-preview-pulsanti .cta-button ul .div-svg, .comel-storia-preview-wrapper .comel-storia-preview-pulsanti .cta-button ul .div-svg svg {
  width: 12vw;
} */

.cta-button ul .div-svg svg line.top-left, .cta-button ul .div-svg svg line.bottom-right {
  stroke-dasharray: 34;
}

.cta-button.cta-button-xl ul .div-svg svg line.top-left, .cta-button.cta-button-xl ul .div-svg svg line.bottom-right {
  stroke-dasharray: 50;
}

/*** AZIENDA > STORIA PULSANTI _ END ***/

/*** CERTIFICAZIONI _ START ***/

/* .cta-button.cta-button-certificazioni {
  margin: 10px auto 10px 0;
  width: 13vw;
  font-size: 1.1vw;
}

.cta-button.cta-button-sostenibilita {
  margin: 10px auto 10px 0;
  width: 13vw;
  font-size: 0.9vw;
  line-height: 1.3;
}

.cta-button.cta-button-certificazioni ul, .cta-button.cta-button-sostenibilita ul {
  width: 13vw;
}

.cta-button.cta-button-certificazioni a ul li.div-svg span, .cta-button.cta-button-sostenibilita a ul li.div-svg span {
  width: 13vw;
}

.cta-button.cta-button-sostenibilita a ul li.div-svg span {
  height: 1vw;
}

.cta-button.cta-button-certificazioni ul .div-svg, .cta-button.cta-button-sostenibilita ul .div-svg {
  width: 13vw;
  height: 2.5vw;
}

.cta-button.cta-button-certificazioni ul .div-svg svg, .cta-button.cta-button-sostenibilita ul .div-svg svg {  
  width: 13vw;
  height: 2.5vw;
}
.cta-button.cta-button-blu-avio a ul li.div-svg span {
  color: #003348;
}

.cta-button.cta-button-blu-avio ul .div-svg svg line {
  stroke: #003348;
}

.cta-button.cta-button-certificazioni ul .div-svg svg line, .cta-button.cta-button-sostenibilita ul .div-svg svg line {
  stroke-width: 3;
}

.cta-button.cta-button-certificazioni ul .div-svg svg line.top-left, .cta-button.cta-button-sostenibilita ul .div-svg svg line.top-left, .cta-button ul .div-svg svg line.bottom-right {
  stroke-width: 3;
}

.cta-button.cta-button-certificazioni ul .div-svg svg line.top,
.cta-button.cta-button-certificazioni ul .div-svg svg line.bottom, .cta-button.cta-button-sostenibilita ul .div-svg svg line.top,
.cta-button.cta-button-sostenibilita ul .div-svg svg line.bottom  {
  stroke-dasharray: 280;
}

.cta-button.cta-button-certificazioni ul .div-svg svg line.left,
.cta-button.cta-button-certificazioni ul .div-svg svg line.right, .cta-button.cta-button-sostenibilita ul .div-svg svg line.left,
.cta-button.cta-button-sostenibilita ul .div-svg svg line.right {
  stroke-dasharray: 31;
}

.cta-button.cta-button-certificazioni ul .div-svg svg line.top-left,
.cta-button.cta-button-certificazioni ul .div-svg svg line.bottom-right, .cta-button.cta-button-sostenibilita ul .div-svg svg line.top-left,
.cta-button.cta-button-sostenibilita ul .div-svg svg line.bottom-right {
  stroke-dasharray: 36;
}

.cta-button.cta-button-certificazioni ul .div-svg:hover svg line.top {
  transform: translateX(-560px);
}

.cta-button.cta-button-certificazioni ul .div-svg:hover svg line.bottom {
  transform: translateX(560px);
}

.cta-button.cta-button-certificazioni ul .div-svg:hover svg line.left {
  transform: translateY(62px);
}

.cta-button.cta-button-certificazioni ul .div-svg:hover svg line.right {
  transform: translateY(-62px);
}

.cta-button.cta-button-certificazioni ul .div-svg:hover svg line.top-left {
  transform: translate(-50px, 50px);
}

.cta-button.cta-button-certificazioni ul .div-svg:hover svg line.bottom-right {
  transform: translate(50px, -50px);
}

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

  .cta-button.cta-button-certificazioni {
    transform: scale(0.7);
    margin: 10px auto 10px auto;
    width: 45vw;
  }

  .cta-button.cta-button-sostenibilita {
    transform: scale(0.7);
    margin: 10px auto 10px 0;
    width: 45vw;
  }

}

*/
/*** CERTIFICAZIONI _ END ***/

/*** impegno sociale _ START ***/

.cta-button.cta-button-impegnosociale {
  margin: 10px auto 10px 0;
  width: 13vw;
  font-size: 1.1vw;
}

.cta-button.cta-button-impegnosociale ul {
  width: 13vw;
}

.cta-button.cta-button-impegnosociale a ul li.div-svg span {
  width: 13vw;
}

.cta-button.cta-button-impegnosociale ul .div-svg {
  width: 13vw;
  height: 2.5vw;
}

.cta-button.cta-button-impegnosociale ul .div-svg svg {  
  width: 13vw;
  height: 2.5vw;
}

.cta-button.cta-button-impegnosociale ul .div-svg svg line {
  stroke-width: 3;
}

.cta-button.cta-button-impegnosociale ul .div-svg svg line.top-left {
  stroke-width: 3;
}

.cta-button.cta-button-impegnosociale ul .div-svg svg line.top,
.cta-button.cta-button-impegnosociale ul .div-svg svg line.bottom {
  stroke-dasharray: 280;
}

.cta-button.cta-button-impegnosociale ul .div-svg svg line.left,
.cta-button.cta-button-impegnosociale ul .div-svg svg line.right {
  stroke-dasharray: 31;
}

.cta-button.cta-button-impegnosociale ul .div-svg svg line.top-left,
.cta-button.cta-button-impegnosociale ul .div-svg svg line.bottom-right {
  stroke-dasharray: 36;
}

.cta-button.cta-button-impegnosociale ul .div-svg:hover svg line.top {
  transform: translateX(-560px);
}

.cta-button.cta-button-impegnosociale ul .div-svg:hover svg line.bottom {
  transform: translateX(560px);
}

.cta-button.cta-button-impegnosociale ul .div-svg:hover svg line.left {
  transform: translateY(62px);
}

.cta-button.cta-button-impegnosociale ul .div-svg:hover svg line.right {
  transform: translateY(-62px);
}

.cta-button.cta-button-impegnosociale ul .div-svg:hover svg line.top-left {
  transform: translate(-50px, 50px);
}

.cta-button.cta-button-impegnosociale ul .div-svg:hover svg line.bottom-right {
  transform: translate(50px, -50px);
}

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

  .cta-button.cta-button-impegnosociale {
    transform: scale(0.7);
    margin: 10px auto 10px auto;
    width: 45vw;
  }

}

/*** impegno sociale _ END ***/

/*** CTA BUTTON - XL - Sinistra - Scuro _ START ***/

.cta-button.cta-button-left {
  margin-top: 2vw;
  margin-left: 0;
}

.cta-button.cta-button-dark ul .div-svg svg line {
  stroke: var(--blu-avio-scuro);
}

.cta-button.cta-button-dark a ul li.div-svg span {
  color: var(--blu-avio-scuro);
}

/*** CTA BUTTON - XL - Sinistra - Scuro  _ END ***/

/** Screen Max 640px width **/
@media only screen and ( max-width: 640px ) {
  .cta-button, .cta-button.cta-button-left {
    margin: 0vw auto 7vw;
    font-size: 4.5vw;
  }

  .cta-button.cta-button-lg, .cta-button.cta-button-xl {
    width: 51vw;
  }

  .cta-button.cta-button-left {
    margin-left: 0;
  }

  .cta-button.cta-button-left.mobile-center {
    margin-left: auto;
  }

  .section-ten-container .cta-button:last-child {
    margin-bottom: 5vw;
    margin-top: 5vw;
  }

  .cta-button ul .div-svg,  .cta-button.cta-button-xl ul .div-svg,  .cta-button.cta-button-lg ul .div-svg {
    /* transform: scale(5) translateY(1vw) translateX(0); */
    width: 51vw;
    height: 12vw;
    transition: transform 100ms ease-in-out;
  }

  .cta-button ul .div-svg:hover {
    /* transform: scale(5) translateY(0vw) translateX(0vw); */
    transition: transform 100ms ease-in-out;
  }

  .cta-button ul .div-svg svg, .cta-button.cta-button-xl ul .div-svg svg, .cta-button.cta-button-lg ul .div-svg svg {
    width: 51vw;
    height: 12vw;
  }

  .cta-button a ul li.div-svg span, .cta-button.cta-button-xl a ul li.div-svg span, .cta-button.cta-button-lg a ul li.div-svg span {
    line-height: 2.6;
    width: 51vw;
    height: 12vw;
  }


  .cta-button.cta-button-xl ul .div-svg svg line.top-left, .cta-button.cta-button-xl ul .div-svg svg line.bottom-right {
    stroke-dasharray: 37;
  }

  .cta-button.cta-button-xl ul .div-svg svg line.top-left {
    transform: translate(-31px, 26px);
  }

  .cta-button.cta-button-xl ul .div-svg svg line.bottom-right {
    transform: translate(0px, -1px);
  }

}