.link {
  @apply cursor-pointer;
}

.link,
.link:active,
.link:hover,
.link:focus {
  @apply font-medium no-underline;
}

.link--standard,
.link--standard:active,
.link--standard:hover,
.link--standard:focus {
  @apply text-blue;
}

.link--boxed,
.link--boxed:active,
.link--boxed:hover,
.link--boxed:focus {
  @apply text-manatee text-sm font-normal;
}

.link--boxed {
  @apply bg-grey-lighter rounded-lg px-4 py-2 flex items-center;
  width: 100%;
}

.link--boxed .link__text {
  @apply border-r pr-4 py-2 mx-4 truncate;
  /** TODO: Grey colorings need to be unifed **/
  border-color: #E5E9F0;
  flex: 1;
}