/* --- Oasis Financial Primary Button Style (Deep Navy Blue) --- */ /* This targets the largest/primary button size (.sqs-button-large) */ .sqs-button-element--primary, .sqs-button-element--large { /* BACKGROUND: Deep Navy Blue from the logo */ background-color: #0d2c4b !important; /* TEXT: Gold color for contrast */ color: #c9b078 !important; /* SHAPE: Gently rounded corners */ border-radius: 8px !important; /* REMOVE BORDER: */ border: none !important; /* PADDING: Optional, to make the button a bit taller */ padding: 15px 30px !important; /* FONT WEIGHT: Make the text bolder to match the logo text */ font-weight: 600 !important; } /* HOVER EFFECT: Darker Navy Blue for interaction */ .sqs-button-element--primary:hover, .sqs-button-element--large:hover { background-color: #091f34 !important; color: #ffffff !important; /* White text on hover for a crisp look */ } /* --- Oasis Financial Secondary Button Style (Gold Outline) --- */ /* This targets the smaller/secondary button size (.sqs-button-medium, .sqs-button-small) */ .sqs-button-element--secondary, .sqs-button-element--medium, .sqs-button-element--small { /* BACKGROUND: Transparent (outline style) */ background-color: transparent !important; /* BORDER: Gold color outline */ border: 2px solid #c9b078 !important; /* TEXT: Navy Blue */ color: #0d2c4b !important; /* SHAPE: Gently rounded corners */ border-radius: 8px !important; /* PADDING: Adjust padding to account for the border width */ padding: 13px 28px !important; /* FONT WEIGHT: Make the text bolder */ font-weight: 600 !important; } /* HOVER EFFECT: Fill the button with Gold on hover */ .sqs-button-element--secondary:hover, .sqs-button-element--medium:hover, .sqs-button-element--small:hover { background-color: #c9b078 !important; color: #0d2c4b !important; /* Change text back to Navy Blue */ }