<!doctype html>
<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>CSS Solutions: How to add a shadow to an element</title>
    <link rel="stylesheet" href="styles.css" />
    <style>
      .wrapper {
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      button {
        padding: 5px 10px;
        border: 0;
        border-radius: 5px;
        font-weight: bold;
  