.icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.icon.icon-before::before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  -webkit-mask-size: 20px 20px;
          mask-size: 20px 20px;
  -webkit-mask-image: url("../../../../../assets/images/infos.svg");
          mask-image: url("../../../../../assets/images/infos.svg");
  background-color: black;
}
.icon.icon-info::before {
  -webkit-mask-image: url("../../../../../assets/images/infos.svg");
          mask-image: url("../../../../../assets/images/infos.svg");
}
.icon.icon-calendar::before {
  -webkit-mask-image: url("../../../../../assets/images/calendar.svg");
          mask-image: url("../../../../../assets/images/calendar.svg");
  -webkit-mask-size: 16px 14px;
          mask-size: 16px 14px;
  width: 16px;
  height: 15px;
}
.icon.icon-location::before {
  -webkit-mask-image: url("../../../../../assets/images/location.svg");
          mask-image: url("../../../../../assets/images/location.svg");
  -webkit-mask-size: 14px 20px;
          mask-size: 14px 20px;
  width: 14px;
}
.icon.icon-opening-hours::before {
  -webkit-mask-image: url("../../../../../assets/images/clock.svg");
          mask-image: url("../../../../../assets/images/clock.svg");
}
.icon.icon-hospital::before {
  -webkit-mask-image: url("../../../../../assets/images/hospital.svg");
          mask-image: url("../../../../../assets/images/hospital.svg");
}
.icon.icon-phone::before {
  -webkit-mask-image: url("../../../../../assets/images/phone.svg");
          mask-image: url("../../../../../assets/images/phone.svg");
}
.icon.icon-news::before {
  -webkit-mask-image: url("../../../../../assets/images/news.svg");
          mask-image: url("../../../../../assets/images/news.svg");
}
.icon.icon-job::before {
  -webkit-mask-image: url("../../../../../assets/images/job.svg");
          mask-image: url("../../../../../assets/images/job.svg");
}
.icon.icon-before.icon-arrow-left::before {
  content: "";
  display: inline-flex;
  -webkit-mask-image: url("../../../../../assets/images/accordion-arrow-left.svg");
          mask-image: url("../../../../../assets/images/accordion-arrow-left.svg");
  -webkit-mask-size: 9px 1rem;
          mask-size: 9px 1rem;
  width: 9px;
  height: 1rem;
}
.icon.icon-before.icon-donation::before {
  -webkit-mask-image: url("../../../../../assets/images/donation.svg");
          mask-image: url("../../../../../assets/images/donation.svg");
  -webkit-mask-size: 1rem;
          mask-size: 1rem;
  width: 1rem;
  height: 1rem;
}
.icon.icon-after.icon-download::after {
  content: "";
  display: inline-flex;
  -webkit-mask-image: url("../../../../../assets/images/download.svg");
          mask-image: url("../../../../../assets/images/download.svg");
  -webkit-mask-size: 24px 1rem;
          mask-size: 24px 1rem;
  width: 24px;
  height: 1rem;
}
.icon.icon-after.icon-arrow-left::after {
  content: "";
  display: inline-flex;
  -webkit-mask-image: url("../../../../../assets/images/accordion-arrow-left.svg");
          mask-image: url("../../../../../assets/images/accordion-arrow-left.svg");
  -webkit-mask-size: 9px 1rem;
          mask-size: 9px 1rem;
  width: 9px;
  height: 1rem;
}
.icon.icon-after.icon-redirect-link::after {
  content: "";
  display: inline-flex;
  -webkit-mask-image: url("../../../../../assets/images/redirect-link.svg");
          mask-image: url("../../../../../assets/images/redirect-link.svg");
  -webkit-mask-size: 0.9rem;
          mask-size: 0.9rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
}
.icon.icon-cyan::before, .icon.icon-cyan::after {
  background-color: #38B6AB;
}
.icon.icon-white::before, .icon.icon-white::after {
  background-color: white;
}
.icon.icon-dark-blue::before, .icon.icon-dark-blue::after {
  background-color: #0D6BB4;
}
.icon.icon-light-blue::before, .icon.icon-light-blue::after {
  background-color: #0099C9;
}
.icon.icon-gradient-blue::before, .icon.icon-gradient-blue::after {
  background: linear-gradient(90deg, #0099C9, #38B6AB);
}
.icon.icon-green::before, .icon.icon-green::after {
  background-color: #95C230;
}
.icon.icon-black::before, .icon.icon-black::after {
  background-color: #3C3C3C;
}
.icon.icon-gray::before, .icon.icon-gray::after {
  background-color: #B2B2B2;
}