.block-button.field--name-field-bb-button-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.block-button.btn-align-left {
  justify-content: left;
}

.block-button.btn-align-right {
  justify-content: right;
}

.block-button.field--name-field-bb-button-link .field__item {
  margin: 0 calc(var(--vertical-rhythm-spacing) * 0.5);
}

.block-button.field--name-field-bb-button-link.button-link--invert .button-link {
  position: relative;
  color: var(--button-bg-color);
  border: 1px solid var(--button-bg-color);
  background-color: var(--color-white);
}
.block-button.field--name-field-bb-button-link.button-link--icon .button-link:before {
  position: relative;
  top: -2px;
  display: block;
  width: var(--font-size);
  height: var(--font-size);
  margin-right: var(--font-size);
  content: url("../../assets/images/chevron-circle-down-white.svg");
  color: var(--color-white);
}
.block-button.field--name-field-bb-button-link.button-link--invert.button-link--icon .button-link:before {
  content: url("../../assets/images/chevron-circle-down-blue.svg");
}
.block-button.field--name-field-bb-button-link.button-link--invert.button-link--icon .button-link:hover:before {
  content: url("../../assets/images/chevron-circle-down-white.svg");
}

.block-button.field--name-field-bb-button-link.button-link--invert .button-link:hover {
  color: var(--color-white);
  border: 1px solid var(--button-bg-color-hover);
  background-color: var(--button-bg-color-hover);
}

@media (max-width: 540px) {

  .block-button.field--name-field-bb-button-link .button-link {
    width: 100%;
  }
  .block-button.field--name-field-bb-button-link {
    display: block;
  }
  .block-button.field--name-field-bb-button-link .field__item {
    margin: 0;
    margin-bottom: var(--vertical-rhythm-spacing);
  }
}