.card.link_card{
    text-decoration: none;
    color: var(--font);
}

.card.link_card .link_text{
    color: var(--tertiary);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-right: 28px;
    position: relative;

}
.card.link_card .link_text:after {
    content: '';
    background: calc(100% - 3px) / 15px 22px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='22' fill='none'%3e%3cpath fill='%23D9D9D9' d='M2.4 2a2 2 0 0 1 3-.3l7.7 7.6c.8.8.8 2 0 2.9l-.3.2a2 2 0 0 1-2.8 0L2.4 4.8a2 2 0 0 1-.2-2.5l.2-.3Z'/%3e%3cpath fill='%23D9D9D9' d='M2.2 19.2a2 2 0 0 1 .2-2.5L10 9a2 2 0 0 1 2.8 0l.3.2c.8.8.8 2 0 2.9l-7.6 7.6a2 2 0 0 1-3.1-.3l-.2-.3Z'/%3e%3c/svg%3e");
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
}

.card.link_card:hover .link_text {
    color: var(--secondary);
}

.card.link_card:hover .link_text:after {
    background-position: calc(100%);
}