@import '../shared/cards.module.scss';

.link-row {
  @include typography-b-10;
  @include typography-semibold;

  display: flex;
  align-items: center;
  padding: ru(.25) ru(.75);

  color: color('neutral-1');
  text-decoration: none;

  &:hover {
    color: color('primary-3');

    .icon path {
      fill: color('primary-3');
    }
  }
}

.icon {
  width: ru(.5);
  height: ru(.5);
  margin-right: ru(.5);
}

.inverted {
  .icon path {
    fill: color('neutral-8');
  }

  .link-row {
    color: color('neutral-8');

    &:hover {
      color: color('brand-2');
    }
  }
}