.item{
        max-width: 180px;
}

.item-content{
    background-color: var(--gcash-bg);
    height:200px;
    border-radius: 20px;
    position: relative;
    box-shadow: var(--shadow);
    display: flex;
    align-items:center;
    justify-content: center;
}

.item-cost{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    right: 10px;
    top: 5px;
    color: var(--light);
}



.item-content h3{
    font-size: 50px;
    font-weight: bolder;
    color: var(--light);
}

.item-btn{
    background-color: var(--primary);
    margin-top: 20px;
    width: 100%;
    border: none;
    box-shadow: var(--shadow);
    font-size: 18px;
    font-weight: bold;
    color: none;
    padding: 8px;
    color: var(--light);
    border-radius: 10px;
}

.item-btn:active{
    scale: 0.95;
}


@media(max-width: 455px){
    .item{
            max-width: 140px;
    }

    .item-content{
        height: 160px;
    }

    .item-cost{
        font-size: 12px;
    }

    .item-content h3{
        font-size: 35px;
    }
}


@media(max-width: 365px){
    .item{
         max-width: 120px;
    }

    .item-content{
        height: 140px;
    }

    .item-cost{
        font-size: 10px;
        right: 5px;
    }

    .item-content h3{
        font-size: 25px;
    }
}