JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<button class="btn">Submit</button>

<div class="green"><div class="orange"></div></div>

CSS

.btn {
   color: green;
   background-color: white;
   border: 1px solid green;
   border-radius: 999em;
   padding:10px 25px;
}

.btn:hover, .btn:active {
   color: white;
   background-color: green;
}

.green{
  width:300px;
  height:300px;
  position:absolute;
  background-color:green;
}

.orange{
  width:50px;
  height:50px;
  position:relative;
  background-color:orange;
  float:right;
  margin-top:10px;
  margin-right:8px;
}