main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 30px;
    margin-top: 30px;
    padding: 10px;
    color: rgb(82, 79, 79);
    font-size: 14px;
    background-color: white;
}

main .box {
    height: 100px;
    padding: 20px 0px 0px 20px;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    position: relative;
    cursor: pointer;
    transition: all .1s;
}

main .box:hover {
    border: 1px solid rgb(6, 116, 241);
    transform: scale(1.02);
    box-shadow: 1px 1px 7px 7px #e3e3e3;
}

.box i {
    background-color: rgb(39, 184, 123);
    padding: 10px;
    color: white;
    font-size: 20px;
    border-radius: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
}