#arrow2{ background: black; border: 1px solid black; width:60px; height:20px; position:absolute; right:20px; top:156px; cursor:pointer; text-align: center; clip-path: polygon(0% 49%, 1% 45%, 4% 42%, 8% 39%, 13% 38%, 17% 39%, 20% 41%, 23% 44%, 24% 46%, 91% 46%, 89% 36%, 99% 50%, 85% 63%, 90% 53%, 23% 53%, 21% 56%, 19% 59%, 15% 61%, 9% 61%, 5% 59%, 1% 56%, 1% 52%); } #process{ border: 2px solid red; font-size: small; width:60px; height:20px; position:absolute; right:120px; top:156px; cursor:pointer; text-align: center; } #arrow{ background: black; border: 1px solid black; width:80px; height:20px; position:absolute; right:100px; top:200px; cursor:pointer; clip-path: polygon(0% 40%, 95% 40%, 92% 10%, 95% 0%, 100% 50%, 95% 100%, 92% 90%, 95% 60%, 0% 60%); } #arrow1{ background: black; border: 1px solid black; width:70px; height:20px; position:absolute; right:20px; top:200px; cursor:pointer; clip-path: polygon(0% 0%, 52% 0%, 52% 80%, 95% 80%, 93% 75%, 95% 70%, 100% 85%, 95% 100%, 93% 95%, 95% 90%, 48% 90%, 48% 10%, 0% 10%); } #link1{ background: black; border: 1px solid black; width:60px; height:1px; position:absolute; right:120px; top:260px; cursor:pointer; } #link2{ background: black; border: 1px solid black; width:70px; height:20px; position:absolute; right:20px; top:250px; cursor:pointer; clip-path: polygon(0% 0%, 55% 0%, 55% 90%, 100% 90%, 100% 100%, 45% 100%, 45% 10%, 0% 10%); }