footer {
  background-image: url("../../../images/footer.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  align-items: center;
  display: flex;
}
.sub-footer {
  background-color: var(--color-white);
  align-items: center;
  display: flex;
}
footer svg:hover path {
  fill: var(--color-primary);
  transition: all 0.2s;
}

a.link-footer,
a.info{
  transition: var(--transition);
}
a.link-footer:hover,
a.info:hover{
  color: var(--color-primary);
}


.whatsapp-btn-msg {
  display: none;
  opacity: 0;
}

.whatsapp-btn {
    left: 40px;
    bottom: 40px;
    padding: 25px;
    position: fixed;
    z-index: 1000;    
}

.whatsapp__link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}


.whatsapp__link::before {
  position: absolute;
  top: -65px;
  left: 0;
  content: attr(data-message);

  font-family: var(--font-text);
  font-size: var(--text-font-size);
  line-height: var(--line-height);

  padding: 8px;
  border-radius: 8px;
  background-color: var(--primary-color);

  width: 140px;
  text-align: center;
  color: var(--color-white);

  visibility: hidden;
	transition: visiblity .3s ease-in-out, opacity .3s ease-in-out;
	opacity: 0;
}


.whatsapp__link:hover::before {
	visibility: visible;
	opacity: 1;
}