.date-block {
    @apply relative w-16 h-16 inline-block bg-black text-white text-center text-md font-semibold uppercase;
    min-width: 64px;

    div {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        word-spacing: 9999px;
        left: 0;
    }

    @apply lg:w-24 lg:h-24 lg:text-lg;

    @screen lg {
        min-width: 96px;
    }

    &.date-block-horizontal {
        padding: 0.8rem;
        width: auto;
        height: auto;

        div {
            margin: auto;
            position: relative;
            top: auto;
            left: auto;
            -ms-transform: none;
            transform: none;
            word-spacing: normal;
        }
    }
}