.mt{background-color:}.extra-large{height:48px;width:auto}.diagonal{position:relative;line-height:50px;background:#1d7ebd !important;color:white;border:0;font-weight:;overflow:hidden !important;z-index:1;padding:0 20px 0 20px;border-radius:3px;font-size:18px;cursor:pointer}.diagonal:after{content:"";position:absolute;top:0;left:0;width:200%;height:150%;background:rgb(60,164,220,0.5);z-index:-1;transform-origin:0 0;transform:translateY(15%) translateX(0%) rotate(25deg);transition:transform .3s;color:white}.diagonal:hover::after{transform:translateY(0%) translateX(0%) rotate(0)}.buttontext{color:white !important}.buttontext:after{color:white !important;text-decoration:none !important}.buttontext:hover{color:white !important;text-decoration:none}