.iodnations_emoji-box-grid {
    display: flex;
    margin: 0 auto;
}

@media only screen and (max-width:1024px) {
    .iodnations_emoji-box-grid {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .iodnations_emoji-box-grid {
        flex-direction: column;
    }
}

.iodnations_emoji-box-grid .iodnations_emoji-box-card {
    transition: all .35s, color .3s;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
}

.iodnations_emoji-box-grid .iodnations_emoji-box-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: scaleX(0);
    transition: transform .5s cubic-bezier(.16, 1, .3, 1);
    transform-origin: left;
}

.iodnations_emoji-box-grid .iodnations_emoji-box-icon {
    width: max-content;
}

.iodnations_emoji-box-grid .iodnations_emoji-box-card:hover {
    transform: translateY(-6px);
}

.iodnations_emoji-box-grid .iodnations_emoji-box-card:hover h3 {
    transition: color .3s;
}

.iodnations_emoji-box-grid .iodnations_emoji-box-card:hover::before {
    transform: scaleX(1);
}

.iodnations_emoji-box-card p {
    flex: 1;
}

.iodnations_emoji-box-card .iodnations_emoji-box-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    transition: gap .2s;
}