.button-with-arrow{border:none;background-color:transparent;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:16px;font-size:1rem;font-weight:500;line-height:1.2;letter-spacing:0;color:var(--soft-blue);width:max-content;position:relative}.button-with-arrow svg .svg-arrow-path-center,.button-with-arrow svg .svg-arrow-path-left{transition:all .2s ease-in-out}.button-with-arrow svg .svg-arrow-path-left{transform:translateX(-100%)}.button-with-arrow svg circle,.button-with-arrow svg g path{stroke:currentColor}.button-with-arrow:hover svg .svg-arrow-path-left{transform:translateX(0)}.button-with-arrow:hover svg .svg-arrow-path-center{transform:translateX(100%)}.button-with-arrow[data-animation=underline]:after{content:"";position:absolute;left:0;bottom:6px;width:calc(100% - 40px - .75rem);height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}.button-with-arrow[data-animation=underline]:hover:after{transform:scaleX(1)}