.our_bot{display:inline-block;width:180px;height:48px;border-radius:10px;border:1px solid #fff;background-color:rgb(26 26 26 / .4);position:relative;overflow:hidden;transition:all 0.5s ease-in;z-index:1}.our_bot::before,.our_bot::after{content:'';position:absolute;top:0;width:0;height:100%;transform:skew(15deg);transition:all 0.5s;overflow:hidden;z-index:-1}.our_bot::before{left:-10px;background:#240046}.our_bot::after{right:-10px;background:#5a189a}.our_bot:hover::before,.our_bot:hover::after{width:58%}.our_bot:hover span{color:#e0aaff;transition:0.3s}.our_bot span{color:#fff;font-size:18px;transition:all 0.3s ease-in}