.shiny{-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;display:inline-block}.shiny button{background:#d1703c;color:#fff;font-size:14px;border:none;border-radius:0.5em;height:3em;padding:0 1em;position:relative;overflow:hidden;line-height:2em;-webkit-transition:all 0.5s cubic-bezier(0.67, -0.51, 0.42, 1.43);transition:all 0.5s cubic-bezier(0.67, -0.51, 0.42, 1.43)}.shiny button:hover,.shiny button:focus{border-color:#d1703c;color:#fff;font-size:24px}.shiny button:hover::after,.shiny button:focus::after,.shiny .demo-container.active button::after{-webkit-animation:sheen 1s 0.5s forwards;animation:sheen 1s 0.5s forwards}.shiny button::after{content:'';position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(209,112,60,0)), color-stop(50%, rgba(255,255,255,0.5)), to(rgba(209,112,60,0)));background:linear-gradient(to bottom, rgba(209,112,60,0), rgba(255,255,255,0.5) 50%, rgba(209,112,60,0));-webkit-transform:rotateZ(60deg) translate(-5em, 7.5em);transform:rotateZ(60deg) translate(-5em, 7.5em)}.shiny button.visible{overflow:visible}.shiny button:hover{cursor:pointer}@-webkit-keyframes sheen{100%{-webkit-transform:rotateZ(60deg) translate(1em, -14em);transform:rotateZ(60deg) translate(1em, -14em)}}@keyframes sheen{100%{-webkit-transform:rotateZ(60deg) translate(1em, -14em);transform:rotateZ(60deg) translate(1em, -14em)}}