1-3. Push Button

<div id='item1'></div>
<div id='item2'></div>
<div id='item3'></div>
<div id='item4'></div>
<style>
*{
    margin: 0;
    padding:0;
    background:#6592CF;
  }
  
  body{
    position:relative;
    width:400px;
    height:300px;
  }
  div {
   position:absolute;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
  }
  
  #item1{
    width:300px;
    height:150px;
    background:#243D83;
  }
  
   #item2{
    width:250px;
    height:250px;
     border-radius:50%;
    background:#6592CF;
  }
  
  #item3{
    width:150px;
    height:150px;
     border-radius:50%;
    background:#243D83;
  }
  
  #item4{
    width:50px;
    height:50px;
     border-radius:50%;
    background:#EEB850;
  }
  
  
  
  
</style>

<!-- OBJECTIVE -->
<!-- Write HTML/CSS in this editor and replicate the given target image in the least code possible. What you write here, renders as it is -->

<!-- SCORING -->
<!-- The score is calculated based on the number of characters you use (this comment included :P) and how close you replicate the image. Read the FAQS (https://cssbattle.dev/faqs) for more info. -->

<!-- IMPORTANT: remove the comments before submitting -->