body,html{height:101%}body{margin:0;padding:0}.wrapper{background:0 100%/cover no-repeat rgba(0,0,0,0);cursor:pointer;float:left;height:auto!important;min-height:100%;width:100%}button{background:linear-gradient(#fff,#ccc),#c9c5c9;border:0 solid #d0d0d0;border-radius:10em;bottom:80px;box-shadow:0 .48em .56em rgba(0,0,0,.4);cursor:pointer;display:inline-block;height:8em;left:100px;padding:.6em;position:absolute;width:8em}button:hover{background:linear-gradient(#f5f5f5,#b9b9b9),#c9c5c9}button::after,button::before{content:" ";position:absolute}button:active{box-shadow:0 .16em .24em rgba(0,0,0,.4)}.play::before{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:transparent transparent transparent rgba(100,100,100,.8);border-image:none;border-style:solid;border-width:2.4em 2.4em 2.4em 3.6em;height:0;left:2.88em;top:1.76em;width:0;z-index:2}.play:hover::before{border-left-color:rgba(36,36,36,.8)}.pause::after,.pause::before{background-color:rgba(100,100,100,.8);display:block;height:3.76em;left:2.32em;top:2.24em;width:1.52em}.pause::after{left:4.32em}.pause:hover::after,.pause:hover::before{background-color:rgba(36,36,36,.8)}