.kode_link_1{background-color:#0052a1;display:inline-block;outline:2px
solid #0052a1;outline-offset:3px;overflow:hidden;padding:12px
68px 10px 20px;position:relative;z-index:99;text-transform:uppercase;color:#fff;font-weight:bold;letter-spacing:1.2px}.kode_link_1:hover{color:#efff77;background-color:#396eaf;outline:2px
solid #396eaf}.kode_link_1
i{color:#fff;font-size:19px;font-weight:bold;height:100%;position:absolute;right:16px;top:10px}.kode_link_1:before{background-color:#009ada;color:#fff;content:"";height:100%;padding:33px
34px;position:absolute;right:-22px;top:-15px;transform:rotate(66deg)}.kode_link_2{display:inline-block;position:relative;color:#fff;text-transform:uppercase;font-weight:bold;padding:10px
10px 10px;overflow:hidden;border:2px
solid #fff;border-radius:2px;line-height:normal}.kode_link_2:before{content:"";position:absolute;top:0px;left:0px;width:3px;height:100%;background-color:#fff;z-index:-9}.kode_link_2:hover:before{width:100%;height:100%}.kode_link_3{background-color:#27282d;display:inline-block;outline:1px
solid #27282d;outline-offset:3px;overflow:hidden;padding:12px
68px 10px 20px;position:relative;z-index:9999;text-transform:uppercase;color:#fff;font-weight:bold;letter-spacing:1.2px}.kode_link_3
i{color:#27282d;font-size:19px;font-weight:bold;height:100%;position:absolute;right:16px;top:10px}.kode_link_3:before{background-color:#fff;content:"";height:100%;padding:33px
34px;position:absolute;right:-27px;top:-18px;transform:rotate(62deg)}.kode_btn_1{position:relative;border:1px
solid #ddd;text-transform:uppercase;color:#474747;position:relative;padding:15px
20px;background-color:#fff;z-index:99999}.kode_btn_1:before{content:"";position:absolute;top:0px;left:0px;width:4px;height:100%;background-color:#d2d2d2;z-index:-1}.kode_btn_1:hover:before{width:100%}