.wp-block-acf-treatment-menu {
  container-type: inline-size;
  --color: #ed7d97;
  --speed: 0.3s;
  --shadow-length: 1rem;
}
.wp-block-acf-treatment-menu .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1rem, 2vw, 2rem);
  list-style: none;
  margin: 0;
  padding: var(--shadow-length);
}
@media screen and (max-width: 768px) {
  .wp-block-acf-treatment-menu .items {
    display: block;
    margin: 0 auto;
    width: 280px;
  }
}
.wp-block-acf-treatment-menu .item .wrapper {
  min-width: clamp(10rem, 35vw, 17rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(0.3rem, 1vw, 1rem) clamp(0.3rem, 1vw, 1rem);
  border: 1px solid var(--color);
  border-radius: 0.5rem;
  color: inherit;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
  background: linear-gradient(to right, #fff, #fff);
  -webkit-transition: background var(--speed) linear;
  transition: background var(--speed) linear;
  -webkit-box-shadow: 0 0 var(--shadow-length) rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 var(--shadow-length) rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .wp-block-acf-treatment-menu .item .wrapper {
    margin-bottom: 25px;
  }
}
.wp-block-acf-treatment-menu .item .icon,
.wp-block-acf-treatment-menu .item .title,
.wp-block-acf-treatment-menu .item .chevron {
  -webkit-transition: color var(--speed) linear;
  transition: color var(--speed) linear;
}
.wp-block-acf-treatment-menu .item .icon {
  width: 24px;
  aspect-ratio: 1/1;
  color: color-mix(in srgb, var(--color) 50%, transparent);
}
@media screen and (max-width: 768px) {
  .wp-block-acf-treatment-menu .item .icon {
    width: 20px;
  }
}
.wp-block-acf-treatment-menu .item .icon img,
.wp-block-acf-treatment-menu .item .icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
}
.wp-block-acf-treatment-menu .item .title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.2;
  text-align: center;
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: inherit;
}
.wp-block-acf-treatment-menu .item .chevron {
  color: var(--color);
}
.wp-block-acf-treatment-menu .item a.wrapper:hover {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(var(--color)), to(color-mix(in srgb, var(--color) 50%, #fff)));
  background: linear-gradient(to right, var(--color), color-mix(in srgb, var(--color) 50%, #fff));
}
.wp-block-acf-treatment-menu .item a.wrapper:hover .title {
  text-shadow: 1px 0 2px rgba(0, 0, 0, 0.3);
}
.wp-block-acf-treatment-menu .item a.wrapper:hover .icon,
.wp-block-acf-treatment-menu .item a.wrapper:hover .chevron {
  color: inherit;
}
@container (max-width: 600px) {}