.skill-mask-tab{.skill-mask{width:100%;text-align:center;text-decoration:none;letter-spacing:2px;color:#fff;padding:8px 0;position:relative;overflow:hidden;transition:color .7s ease-in-out;cursor:pointer}.skill-mask:hover{color:#000;z-index:99999999;.skill-mask-p{color:#000;transition:color 1s ease-in-out}}.skill-mask:before{content:"";position:absolute;top:-100px;left:0;width:100%;height:0;background-color:#fff;color:#000!important;transition:height .7s ease-in-out;z-index:-1;.kill-tab{color:#000!important;z-index:999999}}.skill-mask:hover:before{height:200%;.kill-tab{color:#000!important;z-index:999999}}}.box-button{margin-top:0;margin-bottom:0;display:flex;align-items:center;justify-content:center;justify-items:center;padding-top:0;padding-bottom:0;.button{text-decoration:none;text-transform:uppercase;letter-spacing:2px;color:#fff;outline:2px solid #967a47;padding:20px 40px;position:relative;overflow:hidden;transition:color 1s;cursor:pointer}.button:hover{color:#fff;z-index:9999}.button:before{content:"";position:absolute;top:0;left:-50px;width:0;height:100%;background:linear-gradient(120deg,#ecc274,#e9a033);color:#fff;transform:skewX(35deg);transition:width 1s;z-index:-1;.boton{color:#fff;z-index:9999}}.button:hover:before{width:150%;.botons{color:#000;z-index:9999}}}