<div class="main-section">

  <!-- Paragraph with padding -->

  <p class="paragraph">Text paragaraph</p>

</div>

​

<!-- Paragraph without padding -->

<p class="paragraph">Another paragraph</p>

body {

  font: 18px/1.5 sans-serif;

}

​

.main-section {

  --padding: 20px 30px;

​

  padding: var(--padding);

  background: #ffca28;

}

​

.paragraph {

  padding: var(--padding);

  background: #ff9800;

}