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