.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;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}.diagonal:hover::after{transform:translateY(0%) translateX(0%) rotate(0)}