.price-card{
    font-size: var(--_font-size-p);
    text-decoration: none;
    padding-inline: 20px;
    padding-block: 12px;
    border-radius: 8px;
    border: 2px solid var(--_color-gray-2);
    transition: all .3s ease;
    display: flex;
    flex-flow: row wrap;
    /* align-items: center; */
    /* gap: 20px; */
    gap: 8px;

    &:hover{
        border-color: var(--_color-gray-4);

        > hr{
            border-color: var(--_color-gray-4);
        }
    }

    > span{
        color: var(--_color-gray-1);
        display: flex;
        flex-flow: column wrap;

        > span{
            display: flex;
            flex-flow: row wrap;
            align-items: center;
            gap: .5ch 1ch;

            &:first-child{
                font-size: var(--_font-size-h6);
                font-family: var(--_font-family-bold);
                color: var(--_color-black);
            }
        }
    }

    > hr{
        border: 1px solid var(--_color-gray-2);
        /* block-size: 32px; */
        transition: all .3s ease;
        inline-size: 100%;
        block-size: .5px;

        ~ span{
            max-inline-size: 144px;
            flex: 1;
        }
    }
}