.ba-item-icon-list .ba-icon-list-wrapper ul li {
  display: grid !important;
  grid-template-columns: 54px 1fr !important;
  align-items: center !important;
  column-gap: 18px !important;
}

.ba-item-icon-list .ba-icon-list-wrapper ul li i {
  grid-column: 1 !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  position: static !important;
  float: none !important;
  transform: none !important;
}

.ba-item-icon-list .ba-icon-list-wrapper ul li span {
  grid-column: 2 !important;
  align-self: center !important;
  display: block !important;
  margin: 0 !important;
  line-height: 1.45 !important;
}

.geen-handje,
.geen-handje *,
.geen-handje a,
.geen-handje a *,
.geen-handje .ba-btn,
.geen-handje .ba-btn *,
.geen-handje .ba-button,
.geen-handje .ba-button *,
.geen-handje:hover,
.geen-handje:hover *,
.geen-handje a:hover,
.geen-handje a:hover * {
  cursor: default !important;
}

.zzz {
  z-index: 999999;
}

@media (max-width: 767px) {
  .mobiele-knop {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 9999;
  }

  .mobiele-knop .ba-button-wrapper,
  .mobiele-knop a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
    border-radius: 0 !important;
    text-align: center;
  }
}


.ba-icon-wrapper i {
    position: relative;
    isolation: isolate;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    width: 2.5rem;
    height: 2.5rem;
    padding: 1rem;
    font-size: 2.5rem;
    color: var(--primary);
    background: transparent !important;
    border: none !important;
}

.ba-icon-wrapper i::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: rgba(76, 160, 219, 0.32);

    --hexagon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M33 6 L67 6 Q73 6 76 11 L95 44 Q98 50 95 56 L76 89 Q73 94 67 94 L33 94 Q27 94 24 89 L5 56 Q2 50 5 44 L24 11 Q27 6 33 6 Z'/%3E%3C/svg%3E");

    -webkit-mask: var(--hexagon) center / 100% 100% no-repeat;
    mask: var(--hexagon) center / 100% 100% no-repeat;
}
