.study-info {
    @apply border-t border-b border-solid border-gray bg-gray-300 px-4 py-2 w-full block md:w-auto md:inline-block;

    ul {
        @apply md:flex;

        li {
            @apply whitespace-nowrap;
        }

        @media (min-width: 768px) {
            li:not(:last-child) {
                @apply mr-2;

                &:after {
                    content: '|';
                    @apply ml-2;
                }
            }
        }
    }
}