.bullet-point {
  --bullet-size: 55px;
  --bullet-margin: clamp(2rem, 2.0000rem + 1.3021vw, 3rem);
  --bullet-font-size: 3rem;
  counter-increment: bullet-point;
  display: flex;
  margin-bottom: var(--grid-gap);
}
@media (min-width: 768px) {
  .bullet-point {
    --bullet-size: clamp(55px, 47px + 1.0417vw, 67px);
    --bullet-margin: clamp(3rem, 0.3333rem + 3.4722vw, 7rem);
    --bullet-font-size: clamp(3rem, 2.3333rem + 0.8681vw, 4rem);
  }
}
div.grid-slider .bullet-point {
  margin-bottom: 0;
}
.bullet-point::before {
  content: counter(bullet-point);
  width: var(--bullet-size);
  height: var(--bullet-size);
  background: var(--wp--preset--color--purple);
  border-radius: 50%;
  flex-shrink: 0;
  display: grid;
  place-content: center;
  color: var(--wp--preset--color--white);
  font-family: var(--heading-default-font-family);
  font-size: var(--bullet-font-size);
  margin-inline-end: var(--bullet-margin);
}
.bullet-point p:first-child {
  margin-block-start: 1.6rem;
}