@use "../../../../styles/abstracts/variables";
@use "../../../../styles/abstracts/mixins";  

.notice__card{
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: .7rem .5rem;
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    grid-column-gap: 10px;
    // width: 80%;
    cursor: pointer;

    &__icon{
        height: 40px;
        width: 40px;
        background: rgba(97, 130, 20, 0.99);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        color: #FFF;
        font-size: 1.2rem;
    }

    h5{
        font-weight: bold;
        font-size: .9rem;
    }
    p{
        font-size: .8rem;
        font-weight: bold;
        color: #343434;
        opacity: .8;
    }

}

//Media Queries
@media only screen and (max-width: 1000px){
    .transaction{
        grid-template-columns: 50px 1fr 60px;
        grid-gap: 5px;

        // &__grid3{
        //     margin-right: 1rem;
        // }

        p{
            font-size: .8rem;
        }
    }
}