.button-style-component {
  background-color: #E5e5e5;
  padding-top: 16px;
}
.button-style-component .button-style-container {
  padding: 8px;
  margin-top: -16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.button-style-component .button-style-container a {
  width: 100%;
  margin: 4px;
  flex: 1;
  flex-basis: 44%;
  min-height: 80px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #188431;
  transition: 0.3s ease-in-out;
  border-color: transparent;
  border-width: 2px;
  color: white;
  font-weight: 600;
  text-align: center;
  padding: 15px;
}
.button-style-component .button-style-container a:hover, .button-style-component .button-style-container a .Primary-Green:hover, .button-style-component .button-style-container a .Secondary-Green:hover, .button-style-component .button-style-container a .Tertiary-Green:hover, .button-style-component .button-style-container a .Quaternary-Green:hover, .button-style-component .button-style-container a Quinary-Green:hover {
  background-color: #198b33 !important;
}
.button-style-component .button-style-container a.Primary-Blue:hover, .button-style-component .button-style-container a .Secondary-Blue:hover, .button-style-component .button-style-container a .Tertiary-Blue:hover, .button-style-component .button-style-container a .Quaternary-Blue:hover, .button-style-component .button-style-container a Quinary-Blue:hover {
  background-color: #005cbf !important;
}
.button-style-component .button-style-container a.Primary-Orange:hover, .button-style-component .button-style-container a .Secondary-Orange:hover, .button-style-component .button-style-container a .Tertiary-Orange:hover, .button-style-component .button-style-container a .Quaternary-Orange:hover, .button-style-component .button-style-container a Quinary-Orange:hover {
  background-color: #ffd564 !important;
}
.button-style-component .button-style-container a i {
  font-size: 15px;
  margin-right: 8px;
}
.button-style-component .button-style-container a img {
  width: 15px;
  height: 15px;
}
.button-style-component .button-style-container a.square {
  border-radius: 0;
}
.button-style-component .button-style-container a.flex-column i {
  font-size: 18px;
  margin: 0 0 5px 0;
}
.button-style-component .button-style-container a.flex-column img {
  width: 18px;
  height: 18px;
}

.button-style-component.no-background {
  background-color: transparent;
}

@media screen and (min-width: 992px) {
  .button-style-component .button-style-container a {
    flex-basis: 23%;
  }
}