/* css/back-to-top.css */

.back-to-top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: var(--cor-primaria);
    color: var(--cor-texto-claro);
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Deixa o botão circular */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    text-decoration: none;
    z-index: 999;
    
    /* Efeitos e Transições */
    opacity: 0; /* Começa invisível */
    visibility: hidden; /* Começa escondido */
    transform: translateY(20px); /* Efeito de subida suave */
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}

.back-to-top-btn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top-btn:hover {
    background-color: var(--cor-primaria-hover);
    color: var(--cor-texto-claro);
}