/* ------------------------------------------
Button grid styles
-----------------------------------------------*/

.c-button-grid__section--with-background {
  background-color: var(--e-global-color-astglobalcolor6);
}

.c-button-grid__content-wrapper {
  padding: 3rem 1rem;
  max-width: 1300px;
  margin: 0 auto;
  text-align: center;
}

.c-button-grid__title {
  font-size: var(--e-global-typography-0c91d2f-font-size) !important;
  font-weight: var(--e-global-typography-0c91d2f-font-weight);
  text-transform: var(--e-global-typography-0c91d2f-text-transform);
  line-height: var(--e-global-typography-0c91d2f-line-height) !important;
  letter-spacing: var(--e-global-typography-0c91d2f-letter-spacing);
  margin-bottom: 1.3rem;
}

.c-button-grid__button-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.c-button-grid__button-container {
  display: flex;
}

.c-button-grid__button {
  min-width: 150px;
  font-family: var(--e-global-typography-2f2996b-font-family), sans-serif;
  font-size: var(--e-global-typography-2f2996b-font-size);
  font-weight: var(--e-global-typography-2f2996b-font-weight);
  text-transform: var(--e-global-typography-2f2996b-text-transform);
  line-height: var(--e-global-typography-2f2996b-line-height);
  letter-spacing: var(--e-global-typography-2f2996b-letter-spacing);
  fill: var(--e-global-color-4dfad58);
  color: var(--e-global-color-4dfad58);
  background-color: #bfcb1100;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  padding: 0.5em 1.25em 0.5em 1.25em;
  text-decoration: none !important;
  line-height: 1.3;
}
.c-button-grid__button:hover {
  color: var(--e-global-color-473a463);
  background-color: var(--e-global-color-4dfad58);
  border-color: var(--e-global-color-4dfad58);
}

.c-button-grid__button--active {
  color: var(--e-global-color-473a463);
  background-color: var(--e-global-color-4dfad58);
  border-color: var(--e-global-color-4dfad58);
}