JSFiddle - React, Tailwind, and code Playground

by lustre

HTML

<div id="flash">
<div id="register">Click here to attend</div>
</div>

CSS

#flash {
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  	filter: alpha(opacity=100);
  	-moz-opacity:100;
  	-khtml-opacity:100;
  	opacity: 100;

   	background: url('http://topgear.miltonbayer.net/wp-content/themes/html5blank-stable/images/flash.png') no-repeat;
    width: 100%;
    height: 389px;
    position: fixed;
    bottom: 29px;
  	background-size: 100% auto;
}

#flash #text {
    position: absolute;
    bottom: 9px;
    width: 50%;
    text-align: center;
    font-size: 3em;
    text-transform: uppercase;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
    color: #000;
    font-family: 'badhousebold',sans-serif;
}

#flash #text span {
    color: #fff;
}

#flash #register {
    background: url('http://topgear.miltonbayer.net/wp-content/themes/html5blank-stable/images/reg.png') no-repeat;
    width: 120px;
    height: 204px;
    position: absolute;
    bottom: 0;
    left: 15%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'badhousebold',sans-serif;
    padding: 45px 55px 35px 40px;
    font-size: 1.5em;
    
    cursor:pointer;
}

.shiftUp {
    bottom:100px !important;  
}

JavaScript

$(document).ready(function(){
    $('#register').click(function(){   
        $('#flash').toggleClass('shiftUp');         
    });
});