/* ===== HERO FULL WIDTH ===== */

/* forza full width anche se dentro container Elementor */
.vv-hero{
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  line-height: 0;
}

.vv-hero__pic,
.vv-hero__img{
  display: block;
  width: 100%;
  height: auto;
}

.vv-hero__btn{
  position: absolute;
  left: 50%;
  bottom: 6%; /* POCO SPAZIO DAL BASSO */
  transform: translateX(-50%);

  display: inline-block;
  padding: 18px 34px;
  border-radius: 10px;

  background: #791314;
  color: #fff !important;
  text-decoration: none !important;

  font-weight: 800;
  font-size: 30px;
  line-height: 1;

  box-shadow: 0 12px 24px rgba(0,0,0,.22);
}

.vv-hero__btn:hover{
  background: #5f0f10;
  color: #fff !important;
}

@media (max-width: 767px){

  .vv-hero__btn{
    bottom: -5%;              /* stessa posizione */
    padding: 6px 12px;      /* più piccolo */
    font-size: 16px;         /* testo più piccolo */
    border-radius: 6px;
  }

}