/* INVITE LINK */
%inviteWrapper {
  background: cv('bg.general.card');
}
%inviteTitle {
  color: hsla(0, 0%, 100%, 0.5);
}
%inviteGuildName {
  color: $main-color;
  @include hover-shadow;
}
%inviteGuildIcon {
  background-color: hsla(0, 0%, 100%, 0.07);
}
%inviteGuildIconExpired {
  position: relative;
  background-size: 0;
  background: hsla(0, 0%, 100%, 0.04);
  &:before,
  &:after {
    content: '';
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 50%;
    width: 6px;
    background: cv('colors.danger');
    border-radius: 1px;
  }
  &:after {
    transform: translateX(-50%) rotate(45deg);
  }
  &:before {
    transform: translateX(-50%) rotate(-45deg);
  }
}
%inviteGuildDetail {
  color: hsla(0, 0%, 100%, 0.3);
}
%inviteStatusOnline {
  background: cv('colors.online');
}
%inviteStatusOffline {
  background: cv('colors.offline');
}
%inviteWrapper {
  %buttonFilled%buttonColorGreen {
    background: transparent;
    border: 1px solid cv('colors.success');
    &:hover {
      background: cv('colors.success');
    }
  }
}
%inviteExpired {
  color: cv('colors.danger');
}