/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-four-three-column-buttons {
  display: grid;
  grid-gap: 35px;
  max-width: unset !important;
  width: 100%;
  margin: 0 !important;
  padding: 70px 13.6% 78px 13.6%;
}
.wp-block-cgb-block-four-three-column-buttons .wp-block-button {
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
}
.wp-block-cgb-block-four-three-column-buttons .wp-block-button:hover {
  background: #333 !important;
}
.wp-block-cgb-block-four-three-column-buttons .wp-block-button__link {
  font-family: 'BauerBodoniStdBlack' !important;
	font-weight: 900;
	font-size: 22px !important;
	color: #FFFFFF !important;
	line-height: 25px !important;
  display: block;
  text-transform: uppercase;
  padding: 29px 18.4px !important;
  border: none !important;
  align-self: center;
}
.wp-block-cgb-block-four-three-column-buttons .wp-block-button__link:hover {
  background: transparent !important;
  border: none !important;
  color: #FFF !important;
}
@media only screen and (max-width: 1200px) {
  .wp-block-cgb-block-four-three-column-buttons {
    grid-gap: 10px;
    padding: 22px 28px 28px 28px;
  }
}
@media only screen and (max-width: 800px) {
  .wp-block-cgb-block-four-three-column-buttons {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media only screen and (max-width: 500px) {
  .wp-block-cgb-block-four-three-column-buttons {
    grid-template-columns: 1fr !important;
  }
}