.bloco_tag_visualizacoes {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}

.tag_clicavel_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    padding: 0 1vw;
}

.bloco_tag_visualizacoes a {
    display: flex;
    align-items: center;
    margin: 0.5vw 0vw 0.5vw 1.5vw;
    text-decoration: none;
    font-family: var(--font-family-koho);
    font-size: 0.9em;
    gap: 0.5vw;
    color: var(--cor_principal);
    background-color: var(--cor_principal_transparencia);
    border-radius: 0.3vw;
    padding: 0.1vw 0.3vw;
    max-width: 20vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tag_clicavel_row a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: var(--font-family-koho);
    font-size: 0.9em;
    gap: 0.5vw;
    color: var(--cor_principal);
    background-color: var(--cor_principal_transparencia);
    border-radius: 0.3vw;
    padding: 0.1vw 0.3vw;
    max-width: 30vw;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gap_duplo{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    gap:1vw;
    
}
/* ************************Responsividade******************** */
@media only screen and (max-width: 1024px) {
    .bloco_tag_visualizacoes a {
        border-radius: 0.7vw;
        padding: 0.5vw 1vw;
        max-width: 25vw;
    }
    .tag_clicavel_row a {
        border-radius: 0.7vw;
        padding: 0.5vw 1vw;
        max-width: 25vw;
    }
}

@media only screen and (max-width: 768px) {


    .bloco_tag_visualizacoes a {
        border-radius: 0.8vw;
        padding: 0.5vw 1vw;
        max-width: 25vw;
    }
    .tag_clicavel_row a {
        border-radius: 0.8vw;
        padding: 0.5vw 1vw;
        max-width: 30vw;
    }
}

@media only screen and (max-width: 480px) {

    .bloco_tag_visualizacoes a {
        gap: 2vw;
        border-radius: 1vw;
        padding: 0.5vw 2vw;
        margin: 3vw 3vw 1vw 3vw;
        max-width: 90vw;
    }
    .tag_clicavel_row a {
        gap: 2vw;
        border-radius: 1vw;
        padding: 0.5vw 2vw;
        margin: 3vw 3vw 1vw 3vw;
        max-width: 80vw;
    }
}
