JSFiddle - React, Tailwind, and code Playground

by Виталий Инчин

HTML

<a href="#"><span>Link text</span></a>

CSS

body {
  text-align: center;
}
 
a{
    display: inline-block;
    background: linear-gradient(to right, #1e5799 50%,#ff120a 50%); 
    padding: 3px;
}

span{
    display: inline-block;
    background: white;
    padding: 10px;
}