.webcrema-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wpb_wrapper > div.webcrema-icon.webcrema-icon--mb-default {
  margin-bottom: 16px;
}

.wpb_wrapper > div.webcrema-icon.webcrema-icon--mb-none {
  margin-bottom: 0;
}

.wpb_wrapper > div.webcrema-icon.webcrema-icon--mb-small {
  margin-bottom: 8px;
}

.wpb_wrapper > div.webcrema-icon.webcrema-icon--mb-medium {
  margin-bottom: 16px;
}

.wpb_wrapper > div.webcrema-icon.webcrema-icon--mb-big {
  margin-bottom: 24px;
}

.webcrema-icon img,
.webcrema-icon__svg {
  width: 32px;
  height: 32px;
  display: block;
  object-fit: contain;
}

.webcrema-icon__svg * {
  stroke: currentColor;
}

.webcrema-icon.style-02 {
  padding: 16px;
  background-color: hsl(var(--gold) / 0.1);
  border-radius: 100%;
}

.webcrema-icon.style-02.webcrema-icon--bg-dark {
  background-color: hsl(var(--primary) / 0.1);
}

.webcrema-icon.style-02.webcrema-icon--bg-light {
  background-color: hsl(var(--cream) / 0.6);
}

.webcrema-icon.style-02.webcrema-icon--bg-white {
  background-color: #fff;
}

.img-icon {
  padding: 16px;
  background-color: hsl(var(--gold) / 0.1);
  border-radius: 100%;
}