/* -- Card CSS -- */
.card {
    height: clamp(17rem, 50dvh ,25rem);
    /* -- */
    padding: 1rem;
    border-radius: var(--radius-s);
    /* -- */
    background: var(--gray-3);
}
/* -- */
.card_content {
    align-items: end;
    flex-direction: row;
    justify-content: space-between;
}

/* -- Background CSS -- */
.section, .card {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* -- Link CSS -- */
.card_link {
    height: 3rem;
    width: 3rem;
}
/* -- */
.link_svg {
    height: 100%;
    width: auto;
}
    .link_svg > path {
        stroke: var(--gray-1);
        /* -- */
        transition: var(--base);
    }
    .link_svg:hover > path {
        stroke: var(--green);
        /* -- */
        transition: var(--base);
    }