JSFiddle - React, Tailwind, and code Playground

HTML

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<button id="test" type="button" onclick="window.location.href='https://portal.office.com';" class="btn"></button>



</head>

CSS

#test {
width:200px;
height:200px;
border-radius:40px;
background-image: url('https://partner.microsoft.com/-/media/mssc/mpn/partner/solutions/images/simplehero_sideimage_400x225_office365.ashx');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #FF7F50;
}