JSFiddle - React, Tailwind, and code Playground

by hawkpk7

HTML

<button type="submit" class="" name="submit">I do swear! (login)</button><br />

CSS

input, button{
    background-color: transparent;
}
button{
    border-image-slice: 80; 
    border-image-width: 10px;
    border-image-outset: 5px;
    border-image-repeat: stretch stretch; 
    border-image-source: url(http://www.thomaskuharski.com/oddsAndEnds/border03.svg);
    border-style: solid;
}

button:active{
    font-weight: bold;
    border-image-width: 12px;
    border-image-outset: 7px;
}

button:hover{
    font-weight: bold;
}