.create-button{--color: white;font-family:inherit;display:inline-block;padding:.2em .8em;position:relative;cursor:pointer;overflow:hidden;border:2px solid var(--color);transition:color .5s;z-index:1;font-size:16px;border-radius:6px;font-weight:500;color:var(--color);background:transparent;line-height:1.8em}.create-button:before{content:"";position:absolute;z-index:-1;background:var(--color);height:500%;width:500%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .7s,background .7s}.create-button:hover{color:#fff}.create-button:hover:before{transform:translate(-50%,-50%) scale(1);background:#0059b3}.create-button:active:before{background:#7db7e8;transition:background 0s}nav a{position:relative;padding:.4rem .6rem;border-radius:.375rem;transition:background-color .3s,color .3s}nav a:hover{background-color:#007bff26;color:#fff}.lang-selector>button{padding:.4rem .6rem;border-radius:.375rem;transition:background-color .3s,color .3s}.lang-selector>button:hover{background-color:#007bff26;color:#fff}.lang-option{transition:background-color .3s,color .3s;border-radius:.375rem}.lang-option:hover{background-color:#1e293b}