JSFiddle - React, Tailwind, and code Playground
HTML
<button name="subject" id="button1" type=" submit" style="height:250px; width:480px; float:right" onClick='trackOpenWindow();'>
<h1>TRACK ACTIVITY</h1>
</button>
CSS
body {
background-color:#B5B5B5;
}
#button1 {
border:1px #333 solid;
padding:10px;
background-color:white;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
input[type=submit] {
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
#button1:hover {
background-color:#ff0;
border-radius:10px;
box-shadow:0px 0px 10px #555;
}
JavaScript
function trackOpenWindow() {
if (!window.memwin || window.memwin.closed) {
memwin = window.open("TRACK_Member.php", "myWin2", "toolbar=yes, scrollbars=yes, resizable=yes, height=590,width=1200");
}
window.memwin.focus()
}