.btn-banner {
  background: none;
  color: #fff;
  border: 5px solid #fff;
  max-width: 311px;
}

.btn-primary-main {
  background-color: var(--primary-main);
  color: #fff !important;
  border: 5px solid var(--primary-main);
}

.btn-secondary-main {
  background-color: var(--secondary-main);
  color: #fff !important;
  border: 5px solid var(--secondary-main);
}

.btn-banner:hover, .btn-primary-main:hover, .btn-secondary-main:hover {
  background-color: var(--primary-darker);
  color: #fff;
  border: 5px solid var(--primary-darker);
}

.btn-small {
  max-width: 175px;
}

.btn-medium {
  max-width: 355px;
}

.btn-large {
  max-width: 575px;
}

.btn-extra-large {
  max-width: 665px;
}

/* Contact Buttons */
  .contact-buttons {
    position: fixed;
    bottom: 0%;
    right: 0;
    z-index: 99999;
  }

  .contact-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    margin-right: 32px;
    width: 64px;
    height: 64px;
    border-radius: 32px;
  }

  .contact-buttons-svg {
    height: 32px;
    width: 32px;
  }

  .btn-whatsapp {
    background: #25d366;
    color: #fff;
  }

  .btn-whatsapp:hover {
    background:rgb(30, 177, 84);
    color: #fff;
  }

  .btn-cta-animated {
  position: relative;
  overflow: hidden;
  transition: background 0.3s, color 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 24px 0 rgba(193,18,31,0.15);
}
.btn-cta-animated::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 0; height: 0;
  background: rgba(193,18,31,0.15);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  transition: width 0.4s cubic-bezier(.4,0,.2,1), height 0.4s cubic-bezier(.4,0,.2,1);
  z-index: 0;
}
.btn-cta-animated:hover, .btn-cta-animated:focus {
  color: #fff !important;
  background: #c1121f !important;
  box-shadow: 0 8px 32px 0 rgba(193,18,31,0.25);
}
.btn-cta-animated:hover::after, .btn-cta-animated:focus::after {
  width: 300%; height: 300%;
}

.whatsapp-outline {
  --whatsapp-outline-color: linear-gradient(135deg, var(--ivana-accent-soft), var(--ivana-accent-dark));
  width: 24px;
  height: 24px;
  display: inline-block;
  background: var(--whatsapp-outline-color);
  -webkit-mask: url('../assets/whatsapp_outline.svg') center/18px 18px no-repeat;
  mask: url('../assets/whatsapp_outline.svg') center/18px 18px no-repeat;
}

.whatsapp-white {
  --whatsapp-outline-color: #fff;
}