JSFiddle - React, Tailwind, and code Playground

by James Connolly

HTML

<a href="#0" class="home-valuation-btn">Click Here for a FREE Home Valuation</a>

CSS

body {
  font-family: arial;
}

.free-home-valuation-wrap {
  margin: 0;
  padding: 0;
  position: relative;
}

.home-valuation-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  background: yellow;
  color: #000;
  transition: all 0.3s ease;
  width: 75px;
  height: 75px;
  padding: 15px;
  border-radius: 50%;
}

.free-home-valuation:hover,
.free-home-valuation:focus {
  transform: scale(1.1);
}