#temas-screen {
    padding: 0;
    margin: 0;
}

#temas-container {
    display: -webkit-flex;
    display: flex;
    margin-left: 12%;
    width: calc(100% - 12% - 12%);
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem 1.5%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.tema-bg {
    background-color: #ffffff;
    opacity: 1;
}

#temas-container .button-interior {
    font-size: 0.85rem;
    line-height: 1.3;
    padding: 0rem 0rem 0rem 10%;
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: keep-all;
    hyphens: auto;
    color: #444444;
    top: 42%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 90%;
    box-sizing: border-box;
}

#temas-container .button-container:hover .button-interior {
    color: #444444;
}

#temas-container .button-container {
    transition: transform 0.3s ease;
}

#temas-container .button-container:hover {
    transform: scale(1.05);
}

#temas-container .button-container:hover .buton-selector {
    opacity: 1;
}