@charset "UTF-8";

.container{

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;

    width: 100%;

    padding: 30px 20px;

    background: #0f172a;

    flex-wrap: wrap;
}

.dolar,
.bitcoin,
.ibovespa{

    background: linear-gradient(
        145deg,
        #1e293b,
        #0f172a
    );

    color: white;

    padding: 25px 35px;

    border-radius: 18px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 20px;

    font-weight: bold;

    min-width: 220px;

    text-align: center;

    box-shadow:
    0 4px 10px rgba(0,0,0,0.25);

    transition: all 0.3s ease;
}

.dolar:hover,
.bitcoin:hover,
.ibovespa:hover{

    transform: translateY(-5px);

    box-shadow:
    0 10px 20px rgba(0,0,0,0.35);
}

.dolar{

    border-top: 4px solid #22c55e;
}

.bitcoin{

    border-top: 4px solid #f59e0b;
}

.ibovespa{

    border-top: 4px solid #3b82f6;
}