.page-header {background: linear-gradient(rgba(24, 29, 56, .7), rgba(24, 29, 56, .7)), url();
background-position: center center;background-repeat: no-repeat;background-size: cover;} 
.button{display:inline-block;text-align:center;vertical-align:middle;padding:12px 24px;border:1px solid #258c8f;border-radius:8px;background:#3ce4e9;background:-webkit-gradient(linear,left top,left bottom,from(#3ce4e9),to(#258c8f));background:-moz-linear-gradient(top,#3ce4e9,#258c8f);background:linear-gradient(to bottom,#3ce4e9,#258c8f);-webkit-box-shadow:#37d2d7 0 0 40px 0;-moz-box-shadow:#37d2d7 0 0 40px 0;box-shadow:#37d2d7 0 0 40px 0;text-shadow:#17585a 1px 1px 1px;font:normal normal bold 22px arial;color:#fff;text-decoration:none}.button:hover,.button:focus{border:1px solid #2eafb3;background:#48ffff;background:-webkit-gradient(linear,left top,left bottom,from(#48ffff),to(#2ca8ac));background:-moz-linear-gradient(top,#48ffff,#2ca8ac);background:linear-gradient(to bottom,#48ffff,#2ca8ac);color:#fff;text-decoration:none}.button:active{background:#258c8f;background:-webkit-gradient(linear,left top,left bottom,from(#258c8f),to(#258c8f));background:-moz-linear-gradient(top,#258c8f,#258c8f);background:linear-gradient(to bottom,#258c8f,#258c8f)}
.coupon{position:relative;padding:5px 12px;border-radius:6px;border:none;color:#fff;cursor:pointer;background-color:red;transition:all .2s ease}.coupon:active{transform:scale(0.96)}.coupon:before,.coupon:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translateX(-50%);z-index:-1000;background-repeat:no-repeat}.coupon:hover:before{top:-70%;background-image:radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 20%,#7d2ae8 20%,transparent 30%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 10%,#7d2ae8 15%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .6s ease}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0%,0 0%,0 0%,0 0%,0 0%,0 0}}.coupon:hover::after{bottom:-70%;background-image:radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,transparent 10%,#7d2ae8 15%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%),radial-gradient(circle,#7d2ae8 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0;animation:greenbottomBubbles .6s ease}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0%,0 0%,0 0%,0 0%,0 0%,0 0}}