@import url("https://fonts.googleapis.com/css?family=Sarabun:200,300,400,600,700,800&display=swap");
.colored-buttons {
  padding: 50px 0; }
  @media (min-width: 1026px) {
    .colored-buttons {
      padding: 75px 0; } }
  .colored-buttons__container {
    text-align: center; }
    @media (min-width: 481px) {
      .colored-buttons__container {
        display: flex;
        justify-content: center; } }

.colored-button {
  margin: 10px 0;
  font-weight: 700; }
  @media (min-width: 481px) {
    .colored-button {
      margin: 0 15px; } }
  .colored-button[data-color="inverse"] {
    color: #5d6166; }

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