JSFiddle - React, Tailwind, and code Playground

HTML

<div class="own-space">
  The SO snippet doesn't support CSS preprocessors.
   Example purposes only 
    <div class="own-space-btn-box">
      <button>
      Button
            <span>Some span inside button</span>
      </button>

    </div>
    <div class="own-space-tra">
       Tra tra
    </div>
    <div class="own-space-input-identifycode-con">
      identifycode
    </div>
</div>

SCSS

.own-space {
   position: relative;

   &-btn-box {
     margin-bottom: 10px;

     button {
       padding-left: 0;

       span {
         color: #2D8CF0;
         transition: all 0.2s;
       }

       span:hover {
         color: #0C25F1;
         transition: all 0.2s;
       }
     }
   }

   &-tra {
     background: blue;
   }

   &-input-identifycode-con {
     background: red;
   }

 }