.site-resource-link,
.site-resource-link:visited {
  display: flex;
  padding: units(4);
  border: 3px solid $color-primary;
  color: var(--vads-color-base);
  text-decoration: none;
  background-color: #fff;
  height: 100%;
  align-items: flex-start;
  transition: none;

  img {
    display: block;
    flex-shrink: 0;
    width: units(4);
  }
}

.site-resource-link:hover {
  border-color: $color-gold;
  background-color: white;
  text-decoration: none;
}

// These styles are for links to resources per-component
.site-component-resources-links {
  margin: units(2) 0 0 units(1);

  &__list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }

  &__title {
    font-family: $font-serif;
    font-size: 1.25rem;
    margin: units(0.5) 0;
  }

  &__definition {
    display: inline-block;
    margin: units(0.5) 0em;
  }

  &__link {
    display: block;
    padding: units(0.5);
    line-height: 1.5em;
    margin-right: units(2);
  }

  &__img,
  &__icon {
    margin-right: units(0.5);
    vertical-align: middle;
  }

  &__img {
    height: units(2);
    width: units(2);
  }

  &__figma-group {
    img {
      margin-right: 0;
    }
  }
}