.btn.svelte-4o9z2p{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;background:none;color:var(--button-text-color);cursor:pointer;--button-text-color: white;--button-text-color-hover: var(--button-background-color);--border-color: #7d8082;--button-background-color: #0f1923;--button-inner-border-color: transparent;--button-bits-color: var(--background-color);--button-bits-color-hover: var(--button-background-color);position:relative;padding:8px;margin-bottom:20px;text-transform:uppercase;font-weight:700;font-size:14px;transition:all .15s ease;width:100%;max-width:370px}.btn.svelte-4o9z2p:before,.btn.svelte-4o9z2p:after{content:"";display:block;position:absolute;right:0;left:0;height:calc(50% - 5px);border:1px solid var(--border-color);transition:all .15s ease}.btn.svelte-4o9z2p:before{top:0;border-bottom-width:0}.btn.svelte-4o9z2p:after{bottom:0;border-top-width:0}.btn.svelte-4o9z2p:active,.btn.svelte-4o9z2p:focus{outline:none}.btn.svelte-4o9z2p:active:before,.btn.svelte-4o9z2p:active:after{right:3px;left:3px}.btn.svelte-4o9z2p:active:before{top:3px}.btn.svelte-4o9z2p:active:after{bottom:3px}.btn__inner.svelte-4o9z2p{position:relative;display:block;padding:20px 30px;background-color:var(--button-background-color);overflow:hidden;box-shadow:inset 0 0 0 1px var(--button-inner-border-color)}.btn__inner.svelte-4o9z2p:before{content:"";display:block;position:absolute;top:0;left:0;width:2px;height:2px;background-color:var(--button-bits-color)}.btn__inner.svelte-4o9z2p:after{content:"";display:block;position:absolute;right:0;bottom:0;width:4px;height:4px;background-color:var(--button-bits-color);transition:all .2s ease}.btn__slide.svelte-4o9z2p{display:block;position:absolute;top:0;bottom:-1px;left:-10px;width:0;background-color:var(--highlight-color);transform:skew(-15deg);transition:all .2s ease}.btn__content.svelte-4o9z2p{position:relative}.btn.svelte-4o9z2p:hover{color:var(--button-text-color-hover)}.btn.svelte-4o9z2p:hover .btn__slide:where(.svelte-4o9z2p){width:calc(100% + 25px)}.btn.svelte-4o9z2p:hover .btn__inner:where(.svelte-4o9z2p):after{background-color:var(--button-bits-color-hover)}.btn--light.svelte-4o9z2p{--button-background-color: rgba(15, 25, 35, .8);--button-text-color: white;--button-inner-border-color: var(--highlight-color);--button-text-color-hover: #ece8e1;--button-bits-color-hover: #ece8e1}@media(max-width:1000px){.btn.svelte-4o9z2p{width:95%}}