.cssbuttons-io{position:relative;font-family:Reem Kufi,sans-serif!important;font-weight:500;font-size:18px;letter-spacing:.05em;cursor:pointer;border:none;background:linear-gradient(90deg,#817f84,#413d48);overflow:hidden;color:#f5f5f5}.cssbuttons-io span{color:#f5f5f5;position:relative;z-index:10;transition:color .4s;display:inline-flex;align-items:center}.cssbuttons-io:after,.cssbuttons-io:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.cssbuttons-io:before{content:"";background:#f97316;width:120%;left:-10%;transform:skew(30deg);transition:transform .7s cubic-bezier(.3,1,.8,1)}.cssbuttons-io:hover:before{transform:translate3d(100%,0,0)}.cssbuttons-io:active{transform:scale(.95)}.boton-elegante{padding:15px 30px;border:1px solid;background-color:transparent;font-size:1.2rem;cursor:pointer;border-radius:30px;transition:all 1s ease;outline:none;position:relative;overflow:hidden;font-weight:lighter}.boton-elegante:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.25) 0,rgba(255,255,255,0) 70%);transform:scale(0);transition:transform 1s ease}.boton-elegante:hover:after{transform:scale(4)}.boton-elegante:hover{border-color:#f97316;background:#f97316;color:#f5f5f5}