.openButton{color:var(--text-color);font-family:var(--font);border-radius:var(--border-radius);border:1px solid var(--primary);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;flex-direction:row;justify-content:space-around;align-items:center;padding:.5rem 1rem;font-size:1.2rem;transition:border-color .15s ease-in-out;display:flex;position:relative;overflow:hidden}.openButton img{transition:transform .15s ease-in-out}.openButton:before{content:"";background:linear-gradient(90deg,var(--primary),var(--secondary));z-index:-1;opacity:0;background-clip:padding-box;width:100%;height:100%;transition:opacity .15s ease-in-out;position:absolute;top:0;left:0}.openButton{z-index:2}.openButton:hover{border-color:#0000}.openButton:hover img{transform:translate(10px)}.openButton:hover:before{opacity:1}