JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:90px;width:300px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
    </div>
<form id="form" action="#">
 <input id="accept" type="checkbox">
  <label for="accept">Accept Policy Privacy</label>
     <br>
     <input type="submit" id="Send" value="Send" link="https://app.box.com/s/au76v3sssh72dxrq9bku" class="fancy_button" size="medium" textcolor="#ffffff" variation="black" target="blank">Ryman Auditorium Seating Chart</input>
</form>

CSS

.button_link,.fancy_button,#searchsubmit,#submit{background:url(images/shortcodes/button_overlay.png) repeat-x 0 0 #111;text-transform:uppercase;border:1px solid #111;margin:5px 10px 5px 0;display:inline-block;letter-spacing:1px;padding:10px 30px;line-height:15px;font-size:12px;color:#f8f8f8;}
.button_link:hover,.fancy_button:hover,#searchsubmit:hover,#submit:hover{text-decoration:none!important;cursor:pointer;color:#fff;}
.fancy_button::-moz-focus-inner{border:0;padding:0;}
.small_button{line-height:10px;font-size:10px;padding:8px 15px 7px;}
.large_button,.call_to_action{font-size:18px;padding:15px 40px;}

JavaScript

$('#form').submit(function(event){
    event.preventDefault();
    if ( $('#accept').is(':checked') ){
        $(this).submit();
    }
    else {
        alert('You must accept the policy to continue!')
    }
})