@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:.5s forwards slide-in-up}.comic-button{text-align:center;color:#fff;cursor:pointer;background-color:#ff5252;border:2px solid #000;border-radius:10px;padding:5px 10px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:5px 5px #000}.comic-button:hover{color:#ff5252;background-color:#fff;border:2px solid #ff5252;box-shadow:5px 5px #ff5252}.comic-button:active{box-shadow:none;background-color:#fcf414;transform:translateY(4px)}button1{cursor:pointer;font-family:inherit;font-size:inherit;letter-spacing:.05rem;color:#f8f8ff;background:#6f6;border:none;border-radius:500px;outline:none;margin:0;padding:.9rem 2rem;font-size:17px;font-weight:700;display:inline-block;position:relative;overflow:hidden}button1 span{z-index:10;transition:color .4s;position:relative}button1:hover span{color:#000}button1:before,button1:after{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}button1:before{content:"";background:#000;width:120%;transition:transform .4s cubic-bezier(.3,1,.8,1);left:-10%;transform:skew(30deg)}button1:hover:before{transform:translate(100%)}