.wrap{display:inline-block;position:relative}.wrap .btnn{color:#fff;cursor:pointer;clip-path:polygon(0 0, 100% 0, 100% var(--cut-y,calc(100% - 18px)), var(--cut-x,calc(100% - 18px)) 100%, 0 100%);background:0 0;background:linear-gradient(var(--primary-color) 0 0) no-repeat calc(200% - var(--p,0%)) 100%/200% var(--p,.2em);transition:.3s var(--t,0s),background-position .3s calc(.3s - var(--t,0s)),color .3s;background-color:#000000b8;border:none;padding:12px 40px 12px 22px;font-size:16px;font-weight:600;display:block;position:relative;overflow:visible}.wrap .btnn.lg{font-size:18px}.wrap .btnn:hover{--p:100%;--t:.3s;color:#fff}.wrap .border-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}