JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<br>
<center dir="rtl">
ברוכים הבאים לאתר הסודות של איביי!<br \>
<br \>
אם זו לכם הפעם הראשונה באתר, אנו מזמינים אתכם להירשם וליהנות מכל התכנים באתר.<br \><br \>
<a class="btn" href="http://ebaysecrets.co.il/index.php?/register/">הרשמה
</a>
</center>
  <br><br>

CSS

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 2px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 40px 6px 40px;
  text-decoration: none;

}

.btn:hover {
  background: #3cb0fd;
  color: white;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}