* {
    margin:0;
    padding:0;
    font-family: 'Poppins';
}

.main {
    background-color: #d7dadc;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.btn-card {
    padding: 4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #F1F3F4;
    margin: 0 auto;
    border-radius: 0.75rem;
    -webkit-box-shadow: 5px 5px 4px 2px rgba(0,0,0,0.13); 
    box-shadow: 5px 5px 4px 2px rgba(0,0,0,0.13);
}

.btn-card-title {
    font-size: 4rem;
    font-weight: bold;
}

.spanClicks { 
    font-size: 4rem;
    font-weight: bold;
    color: #5F6368;
    margin: 1.5rem 0;
}
.clickBtn {
    padding: 1rem 2.5rem;
    background-color: #1A73E8;
    font-size: 2rem;
    cursor: pointer;
    border-radius: 1rem;
    outline: none;
    border: none;
    transition: 0.2s;
    -webkit-box-shadow: 5px 5px 4px 2px rgba(0,0,0,0.13); 
    box-shadow: 5px 5px 4px 2px rgba(0,0,0,0.13);
}

.clickBtn:active {
  transform: scale(0.95); /* encolhe um pouco */
  box-shadow: 0 0 10px rgba(26, 115, 232, 0.6); /* brilho ao clicar */
}