@import "tools.mixins";

@mixin o-member-feature-experiences-sm {
  // no scheduled events message
  .o-member-feature-experiences__message {
    margin-top: rem(45);
    margin-bottom: rem(45);
  }

  // see all experiences button
  .o-member-feature-experiences__button {
    margin-top: rem(51);
    .c-button {
      width: 50%;
    }
  }
}

@mixin o-member-feature-experiences-md {
  .o-member-feature-experiences {
    max-width: rem(940);
  }

  // no scheduled events message
  .o-member-feature-experiences__message {
    margin-top: rem(47);
    margin-bottom: rem(117);
  }

  // see all experiences button
  .o-member-feature-experiences__button {
    margin-top: rem(61);
    .c-button {
      width: calc(33.3% - #{rem(13.3)}); // Same width as cards
    }
  }
}
