.view-btn{--background:#b1fa63;--text:#000;--font-size:16px;--duration:0.44s;--move-hover:-4px;--shadow:0 2px 8px -1px rgba(177,250,99,0.32);--shadow-hover:0 4px 20px -2px rgba(177,250,99,0.5);--font-shadow:var(--font-size);--y:0;--m:0;padding:16px 32px;line-height:var(--font-size);border-radius:24px;display:block;outline:none;appearance:none;border:none;text-decoration:none;font-size:var(--font-size);letter-spacing:.5px;background:var(--background);color:var(--text);box-shadow:var(--shadow);transform:translateY(var(--y)) translateZ(0);transition:transform ease,box-shadow var(--duration) ease}.view-btn div{display:flex;overflow:hidden;text-shadow:0 var(--font-shadow) 0 var(--text)}.view-btn div span{display:block;backface-visibility:hidden;font-style:normal;transition:transform var(--duration) ease;transform:translateY(var(--m)) translateZ(0)}.view-btn:hover{--y:var(--move-hover);--shadow:var(--shadow-hover);--m:calc(var(--font-size) * -1)}.view-btn.reverse{--font-shadow:calc(var(--font-size) * -1)}.view-btn.reverse:hover{--m:var(--font-size)}