:root{--color--3:white;--color--7:#A77AC7}.arrowbtn--1{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:inline-flex;font-weight:400;justify-content:flex-start;margin:0;padding:0;position:relative;text-align:left;-webkit-text-decoration:none;text-decoration:none;width:auto;align-items:stretch;background:#fff0;border-radius:0;height:48px;width:fit-content}.arrowbtn--1:not(:disabled){pointer-events:auto}.arrowbtn--1{--button-text-background:#A77AC7;--button-text-background-hover:white;--button-text-color:white;--button-text-color-hover:#A77AC7;--button-blob-background:white;--button-blob-background-hover:#A77AC7;--button-blob-icon-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%23222F30' d='M7.703 5.8H.398V4.6h7.305l-3.36-3.36.855-.84 4.8 4.8-4.8 4.8-.855-.84 3.36-3.36Z'/%3E%3C/svg%3E");--button-blob-icon-image-hover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M7.703 5.8H.398V4.6h7.305l-3.36-3.36.855-.84 4.8 4.8-4.8 4.8-.855-.84 3.36-3.36Z'/%3E%3C/svg%3E");--button-blob-icon-position:center left -150%, center left 50%;--button-blob-icon-position-hover:center left 50%, center left 150%;--button-blob-scale:0.875;--button-transition-duration:0.6s;--button-transition-timing-function:cubic-bezier(0.25, 1, 0.5, 1)}.arrowbtn--1 svg{top:0;left:0;position:absolute;width:100%;height:100%;z-index:1}.arrowbtn--1 svg path{transition-duration:var(--button-transition-duration);transition-property:fill;transition-timing-function:var(--button-transition-timing-function)}.arrowbtn--1 .label_corner{background:#fff0;display:block;top:0;right:-16px;bottom:0;position:absolute;width:18px;height:100%}.arrowbtn--1 .label_corner svg path{fill:var(--button-text-background)}.arrowbtn--1 .btn_icon{background-color:#fff0;display:inline-flex;overflow:hidden;padding:10px;position:relative;width:51px;height:100%;transform:scale(1);transform-origin:center right;transition-duration:var(--button-transition-duration);transition-property:transform;transition-timing-function:var(--button-transition-timing-function)}.arrowbtn--1 .btn_icon:before{background-color:#fff0;background-image:var(--button-blob-icon-image-hover),var(--button-blob-icon-image);background-repeat:no-repeat;background-position:var(--button-blob-icon-position);background-size:10px 10px;content:"";top:0;left:4px;position:absolute;width:calc(100% - 4px);height:100%;transition-duration:var(--button-transition-duration);transition-property:background-position;transition-timing-function:var(--button-transition-timing-function);z-index:2}.arrowbtn--1 .btn_icon svg path{fill:var(--button-blob-background)}.arrowbtn--1 .btn_label{display:none!important}@media (hover:hover) and (pointer:fine){.arrowbtn--1:hover .label_corner svg path{fill:var(--button-text-background-hover)}.arrowbtn--1:hover .btn_icon{transform:scale(var(--button-blob-scale))}.arrowbtn--1:hover .btn_icon:before{background-position:var(--button-blob-icon-position-hover)}.arrowbtn--1:hover .btn_icon svg path{fill:var(--button-blob-background-hover)}}