Html 改变按钮的形状

我想改变按钮的形状，但里面的文字也会改变

我试着在里面放一个跨距，但没用

.btn{
边界半径：0px；
边界：无；
填充：0.66em 4em；
颜色：rgb（68114241）；
光标：指针；
背景色：#FFF；
边框：1px实心rgb（45110206）；
字号：1em；
变换：skewX（-18度）；
}

点击我

.btn{
边界半径：0px；
边界：无；
填充：0.66em 4em；
颜色：rgb（68114241）；
光标：指针；
背景色：#FFF；
边框：1px实心rgb（45110206）；
字号：1em；
变换：skewX（-18度）；
}
.btn跨度{
变换：skewX（18度）；
边际：0px；
显示：块；
}

单击我