.wp-block-button__link:hover {
    background-color: #1B264F !important; /* main blue or your choice */
    color: #FDF9F2 !important; /* off white */
    transition: background-color 0.3s ease;
}



.main-navigation a:hover {
    color: #1B264F !important; /* your main blue */
    background-color: transparent;
    transition: color 0.3s ease;
}



a:hover {
    color: #1B264F !important; /* your main blue */
    transition: color 0.3s ease;
}



.site-footer a:hover {
    color: #1B264F !important; /* your main blue */
    transition: color 0.3s ease;
}



.main-navigation a:hover {
    color: #1B264F !important; /* your main blue */
    transition: color 0.3s ease;
}



.wp-block-button__link:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}
/* Your existing hover styles (don't delete these) */
.wp-block-button__link:hover {
    background-color: #1B264F !important; /* main blue or your choice */
    color: #FDF9F2 !important; /* off white */
    transition: background-color 0.3s ease;
}

.main-navigation a:hover {
    color: #1B264F !important; /* your main blue */
    background-color: transparent;
    transition: color 0.3s ease;
}

a:hover {
    color: #1B264F !important; /* your main blue */
    transition: color 0.3s ease;
}

.site-footer a:hover {
    color: #1B264F !important; /* your main blue */
    transition: color 0.3s ease;
}

.main-navigation a:hover {
    color: #1B264F !important; /* your main blue */
    transition: color 0.3s ease;
}

.wp-block-button__link:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.wp-block-group:hover, .wp-block-cover:hover, .wp-block-columns:hover {
    background-color: #F5F5F5 !important; /* soft light gray */
    transition: background-color 0.3s ease;
}

/* New CSS for aligning the buttons */
.wp-block-columns {
  display: flex;
  justify-content: space-between; /* Ensures even spacing between columns */
  gap: 20px; /* Adds space between columns */
}

/* Columns should take equal space and have padding */
.wp-block-column {
  flex: 1; /* Makes columns take up equal space */
  padding: 20px;
  text-align: center; /* Center-aligns text within columns */
  display: flex;
  flex-direction: column; /* Ensure items within columns stack vertically */
  justify-content: flex-end; /* Aligns content to the bottom of the column */
}

/* Style buttons */
.wp-block-button__link {
  display: inline-block; /* Ensure buttons are inline-block */
  padding: 10px 20px;
  font-size: 16px;
  color: #FDF9F2; /* Off-white color for button text */
  background-color: #1B264F; /* Set this to your main blue or preferred color */
  border: none;
  border-radius: 5px;
  text-align: center; /* Center-aligns text inside button */
  margin-top: 20px; /* Adds space above the button */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect for buttons */
.wp-block-button__link:hover {
  background-color: #FDF9F2 !important; /* Off-white on hover */
  color: #1B264F !important; /* Main blue on hover */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Box shadow effect */
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

/* Additional hover effect for blocks like columns, cover, etc. */
.wp-block-group:hover, .wp-block-cover:hover, .wp-block-columns:hover {
    background-color: #F5F5F5 !important; /* soft light gray */
    transition: background-color 0.3s ease;
}