.reception {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 64px;
}
.reception__content {
  display: flex;
  gap: 96px;
}

.reception > * {
 /*flex: 1 0;*/
}

.reception__left {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.reception__left:after {
  display: block;
  width: 295px;
  height: 281px;
  content: '';
  background-image: url('data:image/svg+xml,<svg width="295" height="281" viewBox="0 0 295 281" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_781_7762)"><g clip-path="url(%23clip1_781_7762)"><path d="M236.683 201.308C227.383 212.321 212.052 238.046 219.67 249.818" stroke="%23A04BFF" stroke-width="4.41413"/><path d="M236.553 201.701C222.961 206.514 192.585 212.22 184.25 200.945" stroke="%23A04BFF" stroke-width="4.41413"/><path d="M76.3201 30.8764C76.714 29.7235 77.9687 29.1091 79.1223 29.5042C80.276 29.8993 80.8917 31.1542 80.4975 32.3072L76.3201 30.8764ZM80.4975 32.3072C56.0745 103.75 70.2631 163.192 102.228 196.14C134.091 228.983 184.062 235.989 232.678 201.823L235.219 205.435C184.983 240.739 132.565 233.746 99.0606 199.211C65.6589 164.782 51.5037 103.47 76.3201 30.8764L80.4975 32.3072Z" fill="%23A04BFF"/></g></g><defs><clipPath id="clip0_781_7762"><rect width="261.869" height="245.468" fill="white" transform="matrix(0.989467 -0.14476 0.145726 0.989325 0 37.9062)"/></clipPath><clipPath id="clip1_781_7762"><rect width="261" height="245.45" fill="white" transform="matrix(0.989467 -0.14476 0.145726 0.989325 0 37.9062)"/></clipPath></defs></svg>')  ;
}

.reception__title {
  font-size: 40px;
}

.reception__title span {
  display: inline-block;
  padding-inline: 5px;
  border-radius: var(--radius-md);
  background-color: var(--color-accent-alt);
  color: var(--color-accent);
}

.reception__list {
  counter-reset: item;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.reception__item {
  counter-increment: item;
  display: flex;
  align-items: center;
  gap: 22px;
  border-radius: var(--radius-md);
  font-size: 16px;
  padding: 22px 75px 22px 25px;
  background-color: #fff;
}

.reception__item:before {
  display: inline-flex;
  width: 44px;
  height: 44px;
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  content: counter(item);
  background-color: var(--color-accent-alt);
  color: var(--color-accent);
  border-radius: var(--radius-md);
  font-size: 21px;
  font-weight: bold;
}

.reception__button.button {
  font-size: 24px;
  height: 72px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .reception {
    gap: 26px;
  }
  .reception__content {
    flex-direction: column;
    gap: 25px;
  }
  .reception__left:after {
    display: none;
  }
  .reception__title {
    font-size: 24px;
  }
  .reception__item {
    font-size: 14px;
    gap: 12px;
    padding: 12px 54px 12px 15px;
  }
  .reception__item:before {
    width: 24px;
    height: 24px;
    font-size: 16px;
    border-radius: var(--radius-sm);
  }
  .reception__button.button {
    font-size: 16px;
    height: 48px;
    padding-block: 30px;
    padding-inline: 40px;
  }
}