.wave-pattern {
  width: 100%;
  padding: 10px 0;
  margin-bottom:15px;
}

.wave-pattern__container {
  --divider-pattern-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%' viewBox='0 0 24 24' fill='none' stroke='rgba(255, 255, 255, 0.15)' stroke-width='1.4' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,0.9,11.1,6.9,11.1S18,6,24,6'/%3E%3C/svg%3E");
}

.wave-pattern__divider {
  display: flex;
}

.wave-pattern__separator {
  --divider-pattern-size: 24px;
  --divider-pattern-height: 6px;
  width: 100%;
  height: var(--divider-pattern-height);
  display: flex;
  background-image: var(--divider-pattern-url);
  background-size: var(--divider-pattern-size) 100%;
  background-repeat: repeat-x;
}