test

.button { text-align: center; width: 100%; margin: 10px 0; padding: 0; font-size: 14px; color: #fff; margin-left: 0em !important; } .button li { display: inline-block; margin: 10px 0; padding: 0; } .demo { border-radius: 3px; padding: 8px 12px; background: #e74c3c; color: #fff !important; text-shadow: 0 0 1px #222; transition: background-color 1s 0s ease-out; } .demo:before { content: "\f06e"; font-family: FontAwesome; font-weight: normal; padding: 7px; background: rgba(0,0,0,.2); margin-left: 5px; margin-right: -10px; border-radius: 3px 0 0 3px; font-size: 16px; } .download { border-radius: 3px; padding: 8px 12px; background: #3498db; color: #fff !important; text-shadow: 0 0 1px #222; transition: background-color 1s 0s ease-out; } .download:before { content: "\f019"; font-family: FontAwesome; font-weight: normal; padding: 7px; background: rgba(0,0,0,.2); margin-left: 5px; margin-right: -9px; border-radius: 3px 0 0 3px; font-size: 16px; } .demo:hover, .download:hover { background: rgba(0,0,0,.6); text-shadow: 0 0 1px #222; color: #fff; } #redirect { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRL3bb6s6O0W0bnKCgJQn6rHCuZa79mwAooMpAWaW1YN1q6r5216RaTpSMUT3a-MrpBrvT5LusG1dP_lfhtkIXwGxS4qDWQE6ATKpeB7tKaK61KhiGNWALucTHJdhwBXuHkOmeBGVyQS4/s200/load6.gif) 50% 30% no-repeat rgba(44, 62, 80, 0.9); z-index: 9999; text-align: center; }