.item-nav{
    border: 1px solid var(--color-txt-light);
    border-radius: var(--radius-small);
    background-color: var(--white);

    padding: var(--padding-inner);
    padding-bottom: calc(var(--padding-inner)*0.5);

    min-height: calc(var(--unit)*5);
    max-width: 440px;

    display: flex;
    flex-direction: column;

    cursor: pointer;

    .title{
        font-family: var(--font-title);
        font-size: 1.4rem;
        line-height: 1.1;
        padding-right: 1ch;
        font-weight: normal;
    }

    .btn--go-to{
        width: var(--unit);
        height: var(--unit);
        align-self: end;
        font-family: var(--font-title);
        position: relative;
        font-size: 14px;
        left: calc(var(--unit)*-0.25);
        transition: left .4s ease-in-out;
    }

    .description{
        margin-top: 0.5em;
        flex-grow: 2;
        padding-right: 2ch;
        font-weight: 500;
    }

    &:hover{
        border-color: var(--color-txt);
        .btn--go-to{
            left: calc(var(--unit)*0.25);
        }

    }

    
}