.base-bn{border:1px solid var(--bn-border-c,var(--bn-c,#0e3252));color:var(--bn-c,#0e3252);overflow:hidden;position:relative;transition:all .2s ease .2s;z-index:0}.base-bn .inner{grid-template-areas:"a b";grid-template-columns:minmax(0,1fr) max-content}.base-bn .txt{grid-area:a}.base-bn:after,.base-bn:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;transition:transform .5s ease-in-out;z-index:-1}.base-bn:before{background:linear-gradient(-45deg,transparent 30%,var(--bn-c,#0e3252) 30%) no-repeat 0 0/100% calc(50% + 1px),linear-gradient(45deg,var(--bn-c,#0e3252) 70%,transparent 70%) no-repeat 0 100%/100% calc(50% + 1px);transform:translate(-100%)}.base-bn:after{background:linear-gradient(-45deg,var(--bn-c,#0e3252) 70%,transparent 70%) no-repeat 0 100%/100% calc(50% + 1px),linear-gradient(45deg,transparent 30%,var(--bn-c,#0e3252) 30%) no-repeat 0 0/100% calc(50% + 1px);transform:translate(100%)}.base-bn .arrow{border-color:transparent transparent transparent #19d2bb;border-style:solid;border-width:.44em 0 .44em .5em;display:block;grid-area:b;height:0;width:0}.base-bn:hover{border:1px solid var(--bn-hover-border-c,var(--bn-hover-c,#0e3252));color:var(--bn-hover-c,#fff)}.base-bn:hover:after,.base-bn:hover:before{transform:translate(0)}.base-bn.reversed .inner{grid-template-areas:"b a";grid-template-columns:max-content minmax(0,1fr)}.base-bn.reversed .arrow{transform:scaleX(-1)}