.valorant-button-container{flex-flow:column;justify-content:center;align-items:center;height:100vh;display:flex}.valorant-button{color:#2cdbc4;text-align:center;text-transform:uppercase;width:100%;max-width:320px;height:80px;margin:10px 0;padding:8px;font-family:StackSansNotch-Regular,Stack_Sans_Notch,system-ui,sans-serif;font-size:1.2rem;font-weight:900;text-decoration:none;transition:all .3s ease-out;position:relative;box-shadow:inset 0 0 0 1px #eeeeee4d}.valorant-button.white:hover>p{color:var(--color-foreground)}.valorant-button.white>p{background:var(--color-foreground);color:var(--color-background)}.valorant-button.white>p>span.base{border:1px solid #0000}.valorant-button.transparent:hover>p{color:var(--color-foreground)}.valorant-button.transparent:hover>p>span.text{box-shadow:0 0 0 1px var(--color-foreground)}.valorant-button.transparent>p{background:var(--color-background);color:var(--color-foreground)}.valorant-button.transparent>p>span.base{border:1px solid var(--color-foreground)}.valorant-button:after,.valorant-button:before{content:"";background:var(--color-background);width:1px;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.valorant-button:before{right:0;left:initial}.valorant-button>p{box-sizing:border-box;z-index:1;width:100%;height:100%;margin:0;line-height:48px;position:relative;left:0;overflow:hidden}.valorant-button>p>span.base{box-sizing:border-box;z-index:2;border:1px solid #2cdbc4;width:100%;height:100%;position:absolute;left:0}.valorant-button>p>span.base:before{content:"";background:var(--color-background);width:2px;height:2px;transition:all .3s ease-out;position:absolute;top:-1px;left:-1px}.valorant-button>p>span.bg{z-index:3;background:#2cdbc4;width:0;height:100%;transition:all .3s ease-out;position:absolute;left:-5%;transform:skew(-10deg)}.valorant-button>p>span.text{z-index:4;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.valorant-button>p>span.text:after{content:"";background:var(--color-background);z-index:5;width:4px;height:4px;transition:all .3s ease-out;position:absolute;bottom:0;right:0}.valorant-button:hover{color:var(--color-foreground)}.valorant-button:hover>p>span.bg{width:110%}.valorant-button:hover>p>span.text:after{background:var(--color-foreground)}