@import "../../../settings/all";
@import "../../../tools/all";
@import "../../../helpers/all";

$right-arrow: url("../../../assets/images/arrow-pointing-to-right.svg");

@include govuk-exports("govuk/component/sdn-next-link") {
  $text-color: #3a67e8;

  .sdn-next-link {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 30px;
  }

  .sdn-next-link__link {
    display: inline-block;
    font-size: 21px;
    font-weight: 600;
    text-decoration: none;

    .sdn-next-link__container {
      display: inline-block;
      margin-left: 10px;
    }

    &:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 20px;
      margin-left: -30px;
      background-image: $right-arrow;
      background-repeat: no-repeat;
      background-position: center right;
      background-size: cover;
      vertical-align: top;
    }

    small {
      display: block;
      font-weight: 400;
      text-decoration: underline;
    }

    &,
    &:link,
    &:visited {
      outline: none;
      color: $text-color;
      background-color: inherit;
    }

    &:hover {
      &,
      small {
        opacity: .8;
      }
    }
  }
}