button{border:1px solid hsla(0,0%,100%,0);border-radius:5px;border:0;cursor:pointer;outline:none;background:#eee;color:rgba(0,0,0,.7);transition:all .3s ease;overflow:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:5px}button:active{opacity:.7}.relleno{width:0;height:0;position:absolute;left:0;top:0;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;opacity:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.vs-button-primary-border .relleno{background:rgb(var(--primary))}.vs-button-primary-border{background:#fff;border:1px solid rgb(var(--primary));color:rgb(var(--primary))}button[class*=-border]:hover{box-shadow:0 8px 10px -4px rgba(0,0,0,.15)}button[class*=-border]{box-shadow:0 0 0 -4px transparent}.vs-button-success-border{background:#fff;border:1px solid rgb(var(--success));color:rgb(var(--success))}.vs-button-success-border .relleno{background:rgb(var(--success))}.vs-button-danger-border{background:#fff;border:1px solid rgb(var(--danger));color:rgb(var(--danger))}.vs-button-danger-border .relleno{background:rgb(var(--danger))}.vs-button-dark-border{background:#fff;border:1px solid rgb(var(--dark));color:rgb(var(--dark))}.vs-button-dark-border .relleno{background:rgb(var(--dark))}.vs-button-warning-border{background:#fff;border:1px solid rgb(var(--warning));color:rgb(var(--warning))}.vs-button-warning-border .relleno{background:rgb(var(--warning))}.vs-button-default{background:#fff;border:1px solid rgb(var(--default));color:rgb(var(--default))}.vs-button-default .relleno{background:rgb(var(--default))}.vs-button-primary-filled{background:rgb(var(--primary));border:1px solid hsla(0,0%,100%,0);color:#fff;box-shadow:0 0 0 0 rgba(var(--primary),0)}.vs-button-primary-filled:hover{box-shadow:0 2px 15px 0 rgb(var(--primary))}.vs-button-primary-filled .relleno{box-shadow:inset 0 0 50px 0 hsla(0,0%,100%,.5)}.vs-button-success-filled{background:rgb(var(--success));border:1px solid hsla(0,0%,100%,0);color:#fff;box-shadow:0 0 0 0 rgba(var(--success),0)}.vs-button-success-filled:hover{box-shadow:0 2px 15px 0 rgb(var(--success))}.vs-button-success-filled .relleno{box-shadow:inset 0 0 50px 0 hsla(0,0%,100%,.5)}.vs-button-danger-filled{background:rgb(var(--danger));border:1px solid hsla(0,0%,100%,0);color:#fff;box-shadow:0 0 0 0 rgba(var(--danger),0)}.vs-button-danger-filled:hover{box-shadow:0 2px 15px 0 rgb(var(--danger))}.vs-button-danger-filled .relleno{box-shadow:inset 0 0 50px 0 hsla(0,0%,100%,.5)}.vs-button-warning-filled{background:rgb(var(--warning));border:1px solid hsla(0,0%,100%,0);color:#fff;box-shadow:0 0 0 0 rgba(var(--warning),0)}.vs-button-warning-filled:hover{box-shadow:0 2px 15px 0 rgb(var(--warning))}.vs-button-warning-filled .relleno{box-shadow:inset 0 0 50px 0 hsla(0,0%,100%,.5)}.vs-button-dark-filled{background:rgb(var(--dark));border:1px solid hsla(0,0%,100%,0);color:#fff;box-shadow:0 0 0 0 rgba(var(--dark),0)}.vs-button-dark-filled:hover{box-shadow:0 2px 15px 0 rgb(var(--dark))}.vs-button-dark-filled .relleno{box-shadow:inset 0 0 50px 0 hsla(0,0%,100%,.3)}.text{position:relative;z-index:200;transition:all .3s ease;padding:12px;padding-left:15px;padding-right:15px;display:block;border-radius:5px}.activo .text{color:#fff}.vs-button-primary-flat{background:transparent;border:1px solid hsla(0,0%,100%,0);color:rgb(var(--primary))}.vs-button-primary-flat:hover{background:rgba(var(--primary),.1)}.vs-button-primary-flat .relleno{background:rgb(var(--primary))}.vs-button-success-flat{background:transparent;border:1px solid hsla(0,0%,100%,0);color:rgb(var(--success))}.vs-button-success-flat:hover{background:rgba(var(--success),.1)}.vs-button-success-flat .relleno{background:rgb(var(--success))}.vs-button-danger-flat{background:transparent;border:1px solid hsla(0,0%,100%,0);color:rgb(var(--danger))}.vs-button-danger-flat:hover{background:rgba(var(--danger),.1)}.vs-button-danger-flat .relleno{background:rgb(var(--danger))}.vs-button-warning-flat{background:transparent;border:1px solid hsla(0,0%,100%,0);color:rgb(var(--warning))}.vs-button-warning-flat:hover{background:rgba(var(--warning),.1)}.vs-button-warning-flat .relleno{background:rgb(var(--warning))}.vs-button-dark-flat{background:transparent;border:1px solid hsla(0,0%,100%,0);color:rgb(var(--dark))}.vs-button-dark-flat:hover{background:rgba(var(--dark),.1)}.vs-button-dark-flat .relleno{background:rgb(var(--dark))}button[class*=-line-down]:after{position:absolute;left:50%;bottom:-2px;width:0;height:2px;content:"";z-index:100;transition:all .3s ease;-webkit-transform:translate(-50%);transform:translate(-50%)}button[class*=-line-down]:hover:after{width:100%}button[class*=-line-down]:hover .text{-webkit-transform:translateY(2px);transform:translateY(2px)}button[class*=-line-down] .relleno{background:transparent;display:none}button[class*=-line-down]{box-sizing:border-box;background:transparent;border-radius:0;overflow:visible}.vs-button-primary-line-down{border-bottom:2px solid rgba(var(--primary),.1);color:rgb(var(--primary))}.vs-button-primary-line-down:after{background:rgb(var(--primary))}.vs-button-primary-line-down .text{color:rgb(var(--primary))!important}.vs-button-success-line-down{border-bottom:2px solid rgba(var(--success),.1);color:rgb(var(--success))}.vs-button-success-line-down:after{background:rgb(var(--success))}.vs-button-success-line-down .text{color:rgb(var(--success))!important}.vs-button-danger-line-down{border-bottom:2px solid rgba(var(--danger),.1);color:rgb(var(--danger))}.vs-button-danger-line-down:after{background:rgb(var(--danger))}.vs-button-danger-line-down .text{color:rgb(var(--danger))!important}.vs-button-warning-line-down{border-bottom:2px solid rgba(var(--warning),.1);color:rgb(var(--warning))}.vs-button-warning-line-down:after{background:rgb(var(--warning))}.vs-button-warning-line-down .text{color:rgb(var(--warning))!important}.vs-button-dark-line-down{border-bottom:2px solid rgba(var(--dark),.1);color:rgb(var(--dark))}.vs-button-dark-line-down:after{background:rgb(var(--dark))}.vs-button-dark-line-down .text{color:rgb(var(--dark))!important}button[class*=-gradient]{overflow:visible}button[class*=-gradient]:hover{box-shadow:0 10px 20px -10px rgba(0,0,0,.6);-webkit-transform:translateY(-4px);transform:translateY(-4px)}button[class*=-gradient] .relleno{background:transparent;display:none}button[class*=-gradient]{text-shadow:1px 2px 4px rgba(0,0,0,.3)}.vs-button-primary-gradient{background:linear-gradient(30deg,rgba(var(--primary),1),#601fff)}.vs-button-primary-gradient .text{color:#fff}.vs-button-success-gradient{background:linear-gradient(30deg,#8ae48d,#16be77)}.vs-button-success-gradient .text{color:#fff}.vs-button-danger-gradient{background:linear-gradient(30deg,rgba(var(--danger),1),#d50a65)}.vs-button-danger-gradient .text{color:#fff}.vs-button-warning-gradient{background:linear-gradient(30deg,rgba(var(--warning),1),#ff6d03)}.vs-button-warning-gradient .text{color:#fff}.vs-button-dark-gradient{background:linear-gradient(30deg,rgba(var(--dark),1),#463161)}.vs-button-dark-gradient .text{color:#fff}button[class*=-relief]:active span{padding-bottom:16px!important}button[class*=-relief] .text{color:#fff}.vs-button-primary-relief{background:rgb(var(--primary));border-bottom:4px solid #1a5fd1}.vs-button-primary-relief:active{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);border-bottom:0 solid #1a5fd1}.vs-button-success-relief{background:rgb(var(--success));border-bottom:4px solid #32942a}.vs-button-success-relief:active{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);border-bottom:0 solid #32942a}.vs-button-danger-relief{background:rgb(var(--danger));border-bottom:4px solid #c63844}.vs-button-danger-relief:active{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);border-bottom:0 solid #c63844}.vs-button-warning-relief{background:rgb(var(--warning));border-bottom:4px solid #cf9807}.vs-button-warning-relief:active{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);border-bottom:0 solid #cf9807}.vs-button-dark-relief{background:#464646;border-bottom:4px solid #282828}.vs-button-dark-relief:active{opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);border-bottom:0 solid #282828}:root{--default:150,150,150;--primary:31,116,255;--danger:255,71,87;--success:70,201,58;--dark:30,30,30;--warning:255,186,0}
/*# sourceMappingURL=vuesax.css.map */