@import "govuk_publishing_components/individual_component_support";

.gem-c-action-link {
  display: table;

  @include govuk-media-query($until: tablet) {
    max-width: 410px;
  }
}

.gem-c-action-link__icon {
  display: table-cell;
  line-height: 1;
  width: 36px;
  vertical-align: middle;

  @include govuk-media-query($from: tablet) {
    width: 45px;
  }
}

.gem-c-action-link__svg {
  height: 28px;
  vertical-align: middle;
  width: 28px;

  .gem-c-action-link__icon__circle {
    fill: #eeefef;

    @media (forced-colors: active) {
      fill: LinkText;
    }
  }

  .gem-c-action-link__icon__arrow {
    fill: #000000;

    @media (forced-colors: active) {
      fill: Canvas;
    }
  }

  @include govuk-media-query($from: tablet) {
    height: 35px;
    width: 35px;
  }
}

.gem-c-action-link__icon--simple {
  padding-top: 2px;
  width: 30px;

  .gem-c-action-link__svg {
    height: 25px;
    width: 25px;
  }

  .gem-c-action-link__icon__arrow {
    fill: #272828;

    @media (forced-colors: active) {
      fill: currentcolor;
    }
  }
}

.gem-c-action-link__link-wrapper {
  display: table-cell;
  vertical-align: middle;
  @include govuk-font(19, $weight: bold, $line-height: 1.3);
}

.gem-c-action-link--large {
  .gem-c-action-link__icon {
    height: 40px;
    width: 56px;
  }

  .gem-c-action-link__svg {
    height: 40px;
    width: 40px;
  }
}

@include govuk-media-query($media-type: print) {
  .gem-c-action-link {
    * {
      color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
    }

    .gem-c-action-link__icon {
      display: none;
    }
  }
}
