.button{background:var(--button-color);border-radius:80px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:fit-content;height:40px;padding:0 16px;transition:all .1s ease-in-out;display:flex;box-shadow:0 1px 6px #00000059}.button.outlined{border:1px solid var(--button-color);box-shadow:none;background:0 0}.button:hover{transform:translateY(-2px);box-shadow:0 1px 12px #00000059,0 1px 6px #00000059}.button.outlined:hover{box-shadow:none}.button:active{box-shadow:none;transform:scale(.98);box-shadow:0 1px 6px #00000059}.button-value{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.button.outlined .button-value{color:var(--button-color)}