.card-theme {
    .card-header {
        .card-title {
            @extend .mb-0;
        }
    }
}

.card-app-link {
    @extend .position-relative;
    @extend .cursor-pointer;

    .arrow-icon {
        @extend .position-absolute;
        @extend .top-50;
        right: $spacer;
        @extend .translate-middle;
        opacity: 0;
        transition: opacity 0.3s ease-out, right 0.3s ease-out;
    }

    &:hover {
        .arrow-icon {
            opacity: 1;
            right: 0;
        }
    }
}