How to create Shadow box in Service Portal ServiceNow widget Working Code

Widget 1 : Code

HTML:

<br>
   <br>
    <div class=box style="float: right;">
      <br>  <br>
      <h2 class="ng-binding" style="
    text-align: center;background-color: #333579; color:white;
">Request Something</h2>
    </div>
 <br>
   <br>

Common CSS for all boxes:

div{
height: 150px;
width: 252px;
background: #fff;
border-radius: 20px;
}
.box{
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
background-color: #333579;
}

Widget Box: 2

HTML

<br>
<br>
<div class=box style="margin-left: 80px;">
<br> <br>
<h2 class="ng-binding" style="
text-align: center;background-color: #333579; color:white;
">Get Help</h2>
</div>
<br>
<br>

Widget Box: 3

HTML

<br>
   <br>
    <div class=box>
        <br>  <br>
<h2 class="ng-binding" style="
    text-align: center; color:white;
">Knowledge Base</h2>
      </div>
 <br>
   <br>