.buttons{position:relative;z-index:2}.button:hover,.button:focus{border-color:var(--nxg-secondary-color);color:var(--white-text-color)}.secondary-button,.secondary-button:visited,.secondary-button:active{position:relative;z-index:2;padding:10px 25px;background-color:transparent!important;border-radius:100px;border:2px solid;border-color:var(--nxg-primary-color);color:var(--white-text-color);font-family:var(--secondary-font);font-weight:500;line-height:1.2;height:fit-content;-webkit-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}.secondary-button:hover,.secondary-button:focus{border-color:var(--nxg-secondary-color);background-color:transparent!important;color:var(--white-text-color)}.secondary-button:before{content:"";position:absolute;left:50%;z-index:0;width:0;height:0;border-radius:100px 0 0 100px;background-color:rgba(0,0,0,.15);-webkit-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}.secondary-button:after{content:"";position:absolute;right:50%;z-index:0;width:0;height:0;border-radius:0 100px 100px 0;background-color:rgba(0,0,0,.15);-webkit-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}.secondary-button:hover:before{width:50%;height:100%;left:0}.secondary-button:hover:after{width:50%;height:100%;right:0}