.article.button-wrapper > .margin > .padding {
  padding: 0 15px;
}
.article.button-wrapper .basic-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: var(--defaultFontSize);
  text-align: center;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  transition: var(--shortTransition);
  transition-property: background-color, border-color, color;
}
.article.button-wrapper .basic-btn.fill {
  background-color: var(--button-color, var(--defaultBlue));
  color: var(--text-color, var(--defaultWhite));
}
.article.button-wrapper .basic-btn.outline {
  background-color: transparent;
  color: var(--button-color, var(--defaultBlue));
  border-color: var(--button-color, var(--defaultBlue));
}
.article.button-wrapper .basic-btn.text-align-left {
  justify-content: flex-start;
}
.article.button-wrapper .basic-btn.text-align-right {
  justify-content: flex-end;
}
.article.button-wrapper .basic-btn.text-align-center {
  justify-content: center;
}
.article.button-wrapper span {
  margin: 5px;
}

/* Grade A */
/* Grade B */
/* Grade C */
/* Grade D */

/*# sourceMappingURL=basicButton.css.map */