WorldwiN International
const appearance = {
variables: {
buttonBackgroundColor: "#FFFFFF",
buttonTextColor: "#000000",
// ... along with other variables
},
rules: {
".TabLabel": {
overflowWrap: "break-word",
},
".Tab--selected": {
display: "flex",
gap: "8px",
flexDirection: "row",
justifyContent: "center",
alignItems: "center",
padding: "15px 32px",
background: "linear-gradient(109deg,#f48836,#f4364c)",
color: "#ffffff",
fontWeight: "700",
borderRadius: "25px",
},
".Tab--selected:hover": {
display: "flex",
gap: "8px",
flexDirection: "row",
justifyContent: "center",
alignItems: "center",
padding: "15px 32px",
background: "linear-gradient(109deg,#f48836,#f4364c)",
borderRadius: "25px",
color: "#ffffff !important",
fontWeight: "700",
},
},
};
const elements = hyper.elements({ clientSecret, appearance });