@use "styles/_functions" as *;.link{text-decoration:none;display:inline-block;position:relative;cursor:pointer;max-width:-moz-max-content;max-width:max-content;line-height:1.5}.link.opacity{opacity:.6;transition:opacity var(--animation-primary)}.link.opacity:hover{opacity:1}.link:after{content:"";display:block;position:absolute;top:100%;background-color:var(--theme-accent);height:1px;width:100%;transform-origin:100% 50%;transform:scaleX(0);transition:transform var(--animation-primary),background-color var(--animation-primary)}.link:hover:after{opacity:1;transform-origin:0% 50%;transform:scaleX(1)}.link:active{transform:scale(.95)}.link:active:after{transform:scaleX(1)}.link.active{transform:scale(1);opacity:1;cursor:default}.link.active:after{transform-origin:0% 50%;transform:scaleX(1);background-color:var(--theme-accent)}.link-double{position:relative;max-width:-moz-max-content;max-width:max-content}.link-double:before,.link-double:after{content:"";display:block;position:absolute;bottom:-.25rem;left:0;right:0;border-bottom:.0225em solid var(--theme-accent);transition:transform var(--animation-primary)}.link-double:before{transform:scaleX(0);transform-origin:left;transition-delay:0s}.link-double:after{transform-origin:right;transition-delay:.2s}@include hover{.link-double:hover:before {opacity: 1; transform: scaleX(1); transition-delay: .2s;} .link-double:hover:after {transform: scaleX(0); transition-delay: 0s;}}.link-opacity{cursor:pointer;transition:opacity var(--animation-primary)}.link-opacity:hover{opacity:.6}