Facebook Views

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Facebook Badge</title>
<style>
  body.unique-body-Qwe123 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #fff;
  }

  .unique-facebook-badge-Rty456 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #4267B2, #3b5998);
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    border: 3px solid transparent;
    background-clip: padding-box;
    position: relative;
    height: 35px;
    width: 100%;
    max-width: 300px;
    text-align: center;
  }

  .unique-facebook-badge-Rty456::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 7px;
    background: linear-gradient(45deg, #4267B2, #3b5998);
    background-size: 200% 200%;
    animation: unique-gradient-animation-Uio789 3s linear infinite;
    z-index: -1;
  }

  @keyframes unique-gradient-animation-Uio789 {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

  .unique-facebook-text-Poi123 {
    z-index: 1;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
</style>
</head>
<body class="unique-body-Qwe123">

<div class="unique-facebook-badge-Rty456">
  <div class="unique-facebook-text-Poi123">
    Over 4 Million Views On Facebook
  </div>
</div>

</body>
</html>