@charset "UTF-8";
/* CSS Document */

.botao-curtir {
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
transition: .25s;
}

.botao-curtir.loading {
pointer-events: none;
opacity: .7;
}

.botao-curtir .loader-curtir {
display: none;
width: 14px;
height: 14px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: favoritoSpin .6s linear infinite;
}

.botao-curtir.loading .loader-curtir {
display: inline-block;
}

@keyframes favoritoSpin {

to {
    transform: rotate(360deg);
}

}

.botao-curtir.usuario-visitante {
background: rgba(30, 30, 30, 0.5);
color: rgba(204, 150, 94, 0.5);
border: 1px #7e6347 solid;

}

.botao-curtir.usuario-logado {
background: #1e1e1e;
color: #cc965e;
border: 1px #cc965e solid;
}
.botao-curtir.usuario-logado:hover {
background: #cc965e;
color: #12221a;
}


.botao-curtir.favoritado {
background: #cc965e;
color: #12221a;
}

.tooltip-login {
position: absolute;
left: 50%;
bottom: calc(100% + 10px);
transform: translateX(-50%);
white-space: nowrap;
padding: 8px 12px;
background: #111;
color: white;
border-radius: 6px;
font-size: 10px;
opacity: 0;
visibility: hidden;
transition: .25s;
}

.usuario-visitante:hover .tooltip-login {
opacity: 1;
visibility: visible;
}