.topnav-register-button{width:120px;height:44px;border:.2px solid #636363;border-radius:14px;background:transparent;color:#fff;text-align:center;font:normal normal 700 16px/19px Helvetica Neue,Arial,sans-serif;letter-spacing:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative}.topnav-register-button:after{content:"";position:absolute;inset:0;border-radius:14px;padding:.2px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.topnav-register-button:hover:after{opacity:1}.topnav-register-button:hover{background:hsla(0,0%,100%,.1);border-color:#9a9a9a;transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,0%,100%,.1)}.topnav-login-button{width:149px;height:44px;background:linear-gradient(270deg,#e13e85,#7344e4);border:.2px solid #9c41c0;border-radius:14px;color:#fff;text-align:center;font:normal normal 700 16px/19px Helvetica Neue,Arial,sans-serif;letter-spacing:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.topnav-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.topnav-login-button:hover:before{left:100%}.topnav-login-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(115,68,228,.4);border-color:#a855f7}