body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

a {
  color: #ffffff; /* colore base */
  transition: color 0.2s ease;
  text-decoration: none;
}

a:hover {
  color: #3c1216; /* colore hover */
}


.bg-image {
    background-color: #e94d3c !important;
    background-image: url(../images/bg-images.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.fs-8 {
    font-size: 0.8rem;
    letter-spacing: 0.02rem;
}

.h1 {
    letter-spacing: 0.05rem !important;
}
.myButton{
  display:inline-flex;
  align-items:flex-end;          /* icona “al fondo” rispetto al testo */
  justify-content:center;
  gap:10px;

  background:#ffffff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 33px;

  cursor: pointer;
  color: #e94d3c;
  font-size: 20px;
  font-weight: 700;

  padding: 13px 20px 13px 32px;
  text-decoration: none;

  transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .05s ease;
}

.myButton:hover{
  background:#3c1216;
  border-color:#3c1216;
  color:#ffffff;
  text-decoration:none;
}

.myButton:focus,
.myButton:focus-visible{
  outline:0;
  box-shadow:0 0 0 .25rem rgba(233,77,60,.25);
}

.myButton:active{
  transform: translateY(1px);
}

.myButton .btn-ico{
  width:35px;                    /* regola a piacere */
  height:auto;
  display:inline-block;
  margin-left:6px;               /* extra sicurezza oltre al gap */
  position:relative;
  top:2px;                       /* micro-allineamento verso il basso */
}

/* opzionale: se l'icona deve “invertirsi” visivamente al hover serve un PNG bianco
   oppure una seconda icona. Con PNG normale, resterà com’è. */