JSFiddle - React, Tailwind, and code Playground

HTML

lorem<a href="#">Button 1</a>ipsum

CSS

body{ margin: 20px ; }
a{ background: #999 ; padding: 10px 20px ; border-radius: 5px ; text-decoration: none ; color: #fff ; position: relative ; border: 2px solid #000 ; overflow:visible; }
a:after{ content: '' ; display: block ; position: absolute ; top: -12px ; bottom: -12px ; left: -12px ; right: -12px ; border-radius: 10px ; border: 2px solid red ; }