body:not(.wp-core-ui) .description-section,
html:not(.wp-toolbar) .description-section,
.acf-block-preview .description-section {
  padding: 30px 0;
}
@media (min-width: 768px) {
  body:not(.wp-core-ui) .description-section,
html:not(.wp-toolbar) .description-section,
.acf-block-preview .description-section {
    padding: 60px 0;
  }
}
@media (min-width: 1023px) {
  body:not(.wp-core-ui) .description-section,
html:not(.wp-toolbar) .description-section,
.acf-block-preview .description-section {
    padding: 80px 0;
  }
}
@media (min-width: 1200px) {
  body:not(.wp-core-ui) .description-section,
html:not(.wp-toolbar) .description-section,
.acf-block-preview .description-section {
    padding: 100px 0;
  }
}
body:not(.wp-core-ui) .description-section__wrapper,
html:not(.wp-toolbar) .description-section__wrapper,
.acf-block-preview .description-section__wrapper {
  background-color: var(--color-gray-1);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
}
@media (min-width: 768px) {
  body:not(.wp-core-ui) .description-section__wrapper,
html:not(.wp-toolbar) .description-section__wrapper,
.acf-block-preview .description-section__wrapper {
    padding: 45px;
  }
}
@media (min-width: 1023px) {
  body:not(.wp-core-ui) .description-section__wrapper,
html:not(.wp-toolbar) .description-section__wrapper,
.acf-block-preview .description-section__wrapper {
    max-width: 782px;
    margin-inline: auto;
    padding: 60px;
  }
}
body:not(.wp-core-ui) .description-section .btn-wrapper,
html:not(.wp-toolbar) .description-section .btn-wrapper,
.acf-block-preview .description-section .btn-wrapper {
  text-align: center;
  margin-inline: auto;
  cursor: pointer;
}
body:not(.wp-core-ui) .description-section .hidden,
html:not(.wp-toolbar) .description-section .hidden,
.acf-block-preview .description-section .hidden {
  display: none;
}