.banner {
    border-radius: 20px;
    overflow: hidden;
    background: url("../img/box-sondaggio.svg");
    background-position: 0 30%;
    background-size: auto 100%;
    background-color: var(--colore2);
    min-height: 130px;
    position: relative;
}

.banner a {
  text-decoration: none;
  color: initial;
}

.banner-cnt {
  margin-left: 130px;
  height: 100%;
  min-height: 130px;
  padding: 16px 32px;
  background-color: white;
  width: calc(100% - 130px);
}

.banner-occhiello {
  color: #ef2272;
  text-decoration: none;
  transition: all ease-in 0.3s;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 16px; /* 133.333% */
}

.banner-titolo {
  color: black;
  font-weight: 800;
  margin: 8px auto;

  text-decoration: none;
  transition: all ease-in 0.3s;
  color: #000;

  font-size: 26px;
  font-style: normal;
  line-height: 32px; /* 123.077% */
  font-variant: small-caps;
}

a:hover .banner-occhiello,
a:hover .banner-titolo {
  opacity: 0.6;
}

.banner-testo {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.box-1 {
  margin: auto;
  width: 100%;
  max-width: 650px;
  margin-top: 64px;
  margin-bottom: 32px;
}

@media only screen and (max-width: 480px) {
    .banner-cnt {
        padding: 16px 16px;
    }

    .banner-titolo {
        font-size: 22px;
        font-weight: 800;
        line-height: 24px;
        margin: 8px auto 0 auto;
    }
}