.link-with-square-border[data-v-6a94abd1]{--duration:.5s;align-items:center;border:1px solid var(--color-black);border-radius:3px;display:flex;justify-content:center;line-height:1;overflow:hidden;padding:1.5rem 4rem;position:relative;transition:border-color var(--duration);width:-moz-fit-content;width:fit-content}.link-with-square-border[data-v-6a94abd1]:after{background:var(--main-gradient);content:"";display:block;height:100%;opacity:0;position:absolute;transition:translate var(--duration),opacity var(--duration);translate:-50% 0;width:100%;z-index:0}.link-with-square-border span[data-v-6a94abd1]{color:var(--color-black);font-size:var(--font-size-m);position:relative;transition:color var(--duration)}.link-with-square-border span[data-v-6a94abd1],.link-with-square-border svg[data-v-6a94abd1]{z-index:1}.link-with-square-border svg[data-v-6a94abd1]{height:auto;margin:0;position:absolute;right:1rem;stroke:var(--color-black);transition:stroke var(--duration);width:1rem}.link-with-square-border:hover[data-v-6a94abd1]{border-color:var(--color-primary)}.link-with-square-border:hover[data-v-6a94abd1]:after{opacity:1;translate:0 0}.link-with-square-border:hover span[data-v-6a94abd1]{color:#fff}.link-with-square-border:hover svg[data-v-6a94abd1]{stroke:#fff}@media(max-width:768px){.link-with-square-border[data-v-6a94abd1]{font-size:var(--font-size-s);padding:1rem 3rem}.link-with-square-border svg[data-v-6a94abd1]{right:.5rem}}