/* --- 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 */
}
Image 1 of 1