.card-list {
    .card-list-item {
        @apply mb-8 border-b border-solid border-gray cursor-pointer shadow-none;
        transition: box-shadow 0.5s;

        &:hover {
            @apply shadow-xl;
        }

        .date-block {
            @apply mr-6 md:mr-8 mb-4;
        }

        .wrapper {
            @apply flex px-4;
        }

        .information {
            @apply flex flex-col mb-8;

            .date {
                @apply text-red;
            }

            .title {
                @apply mb-5 font-semibold text-black;
            }
        }
    }

    .link {
        @apply hidden;
    }
}

.card-list.list-simple {
    .timeloc {
        @apply ml-0;
    }
}

.card-list.card-list-no-border {
    .card-list-item {
        @apply border-none;

        position: relative;

        &::after {
            content: '';
            display: block;
            position: absolute;
            top: -8px;
            right: -8px;
            bottom: -8px;
            left: -8px;

            transition: box-shadow 250ms ease-in-out;

            @screen lg {
                top: -16px;
                right: -16px;
                bottom: -16px;
                left: -16px;
            }
        }

        &:hover {
            @apply shadow-none;

            &::after {
                @apply shadow-xl;
            }
        }
    }
}