@use "sass:color";

.uc-action-card {
    @include govuk-typography-common;

    margin-bottom: govuk-spacing(3);

    &__link {
        @extend %govuk-link;

        display: block;
        padding: govuk-spacing(2) govuk-spacing(2) 0;

        border-bottom: 1px solid govuk-functional-colour(border);
        border-left: 3px solid govuk-functional-colour(input-border);
        background: govuk-colour("black", $variant: "tint-95");

        text-decoration: none;

        &:hover:not(:focus) {
            background: color.adjust(govuk-colour("black", $variant: "tint-95"), $lightness: -5%);
        }
    }

    &__link-text {
        @include govuk-font(19);
        text-decoration: underline;

        &:last-child {
            display: block;
            margin-bottom: govuk-spacing(4);
        }
    }

    &__alert {
        @include govuk-font(16, bold);
        margin-top: govuk-spacing(3);
    }

    &__description {
        @include govuk-font(16);
        margin-top: govuk-spacing(3);
    }
}