@import '01-variables/01-variables-breakpoints.scss';

.mo-display-shop-links {
  text-align: center;
  margin: 48px 0 40px;

  .mo-display-shop-links__title {
    font-family: font-family('sans');
    font-size: 13px;
    margin: 0 0 25px;
  }

  > a {
    display: table;
    margin: 0 auto 20px;

    &:last-child {
      margin: 0 auto 0;
    }
  }

  @include range-desktop {
    margin: 48px 0;

    .mo-display-shop-links__title {
      display: inline-block;
      margin-right: 40px;
      margin-bottom: 0;
    }

    > a {
      display: inline-block;
      margin: 0 20px 0 0;

      &:last-child {
        margin-right: 0;
      }
    }
  }
}