.button{align-items:center;background-color:var(--color-primary);border:4px solid #fff;color:var(--color-secondary);display:inline-flex;justify-content:center;padding:var(--space-s) var(--space-m);position:relative;width:100%}@media (min-width:768px){.button{max-width:15rem;width:-moz-fit-content;width:fit-content}}.button:active{background-color:var(--color-secondary);color:var(--color-primary)}.button--small{padding:var(--space-xs) var(--space-s)}.button--large{padding:var(--space-m) var(--space-l)}.button--secondary{background-color:var(--color-secondary);color:var(--color-primary)}.button--secondary:active{background-color:var(--color-primary);color:var(--color-secondary)}.button--tertiary{background-color:var(--color-secondary);color:var(--color-primary)}.button--tertiary:active{background-color:var(--color-primary);color:var(--color-secondary)}.button--tertiary .button__border--top{background:url(./stroke-horizontal-dashed.Cbz1twa-.svg);background-position-x:-2px;background-repeat:repeat-x;background-size:auto 80%}.button--tertiary .button__border--right{background:url(./stroke-vertical-dashed.F5J9Tchk.svg);background-position-y:-2px;background-repeat:repeat-y;background-size:70% auto}.button--tertiary .button__border--bottom{background:url(./stroke-horizontal-dashed.Cbz1twa-.svg);background-position-x:-2px;background-repeat:repeat-x;background-size:auto 80%}.button--tertiary .button__border--left{background:url(./stroke-vertical-dashed.F5J9Tchk.svg);background-position-y:-2px;background-repeat:repeat-y;background-size:70% auto}.button--disabled{cursor:not-allowed;opacity:.5}.button__border{position:absolute}.button__border--top{background-image:url(./stroke-horizontal.ClXG1dhy.svg);background-position-x:-2px;background-repeat:repeat-x;background-size:auto 80%;height:4px;left:0;top:-4px;width:calc(100% + 4px)}.button__border--right{background-image:url(./stroke-vertical.DSllNJnM.svg);background-position-y:-2px;background-repeat:repeat-y;background-size:70% auto;height:calc(100% + 4px);right:-4px;top:0;width:4px}.button__border--bottom{background-image:url(./stroke-horizontal.ClXG1dhy.svg);background-position-x:-2px;background-repeat:repeat-x;background-size:auto 80%;bottom:-4px;height:4px;left:0;width:calc(100% + 4px)}.button__border--left{background-image:url(./stroke-vertical.DSllNJnM.svg);background-position-y:-2px;background-repeat:repeat-y;background-size:70% auto;height:calc(100% + 4px);left:-4px;top:0;width:4px}.button:not(.button--disabled):hover{font-weight:700}.button:not(.button--disabled):hover .button__border--top{animation:border-animation-x .5s infinite;background-size:auto 130%}.button:not(.button--disabled):hover .button__border--right{animation:border-animation-y .5s infinite;background-size:130% auto}.button:not(.button--disabled):hover .button__border--bottom{animation:border-animation-x .5s infinite;background-size:auto 130%}.button:not(.button--disabled):hover .button__border--left{animation:border-animation-y .5s infinite;background-size:130% auto}@keyframes border-animation-x{0%,49%{background-position-x:-2px}50%,99%{background-position-x:2px}to{background-position-x:-2px}}@keyframes border-animation-y{0%,49%{background-position-y:-2px}50%,99%{background-position-y:2px}to{background-position-y:-2px}}
