.referral-section {
  padding-bottom: 1rem;
  border-bottom: 1px solid #ededed;
  margin-bottom: 1rem; }
  .referral-section:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0; }

.referral-link {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem; }
  .referral-link-link {
    padding: 0.5rem 1.5rem;
    border: 1px solid #cccccc;
    border-right: none;
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    @media (max-width: 767.98px) {
      .referral-link-link {
        flex: 1; } }
  .referral-link-copy {
    padding: 0.5rem 1.5rem;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    border: 1px solid #cccccc;
    background: #ededed;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    cursor: pointer; }
    .referral-link-copy:hover, .referral-link-copy:focus, .referral-link-copy:active, .referral-link-copy:visited {
      background: #d4d4d4;
      border-color: #bfbfbf; }

.rewards-social-buttons {
  display: flex;
  flex-wrap: wrap; }
  .rewards-social-buttons > div {
    margin-right: 0.325rem; }
    .rewards-social-buttons > div:last-of-type {
      margin-right: 0; }

.twitter-share-button {
  display: flex; }
  .twitter-share-button:hover, .twitter-share-button:focus, .twitter-share-button:active, .twitter-share-button:visited {
    color: #fff;
    text-decoration: none; }

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