.block-card {
    > .box {
        border-radius: 5px;
        box-shadow: 0 7px 0 var(--grey1), 0 -1px 0 var(--grey1), -1px 0 0 var(--grey1), 1px 0 0 var(--grey1) !important;

        h3 {
            font-size: 18px !important;
            font-weight: 700 !important;
        }

        &:hover {
            box-shadow: 0 7px 0 var(--blue1), 0 -1px 0 var(--blue1), -1px 0 0 var(--blue1), 1px 0 0 var(--blue1) !important;

            button {
                background-color: var(--blue1) !important;
                color: #ffffff !important;
            }
        }
    }
}