/* CÓDIGO ESTÁ SENDO REFATORADO. SE VOCÊ NÃO TEM CONHECIMENTO DE CSS USE OS NÃO REFATORADOS.*/

.dropbtn {
    z-index: 1;

    height: 100%;

    display: flex;

    justify-content: center;
    align-items: center;

    border: none;
    
    background-color: transparent;

    font-size: 16px;

    cursor: pointer;
}

.arrow {
    z-index: 0;

    width: 42px;
    height: 42px;

    border: none;

    transition: 300ms;

    filter: invert(29%) sepia(81%) saturate(2679%) hue-rotate(197deg) brightness(94%) contrast(100%);
}

.arrow-up {
    transform: rotate(180deg);
}

/* DROPDOWN */

.dropdown {
    z-index: 0;

    width: 100%;
    height: 100%;

    min-width: 160px;

    padding: 0 16px 0;

    display: none;
}

.dropdown div {
    display: block;
    
    color: black;
    text-decoration: none;
}

.dropdown-text-title {
    text-align: center;
}

.dropdown-text {
    padding-bottom: 16px;

    display: flex;

    gap: 16px;

    line-height: 32px;
}

.dropdown-icon-text {
    width: 32px;
    height: 32px;
}