.img-curiosity{
    width: 100% !important;
}

.badge{
  color: var(--bs-info-text-emphasis);
  background: var(--bs-info-bg-subtle);
  background-size: 100% 100%; /* Tamanho inicial */
  transition: background-size 3s ease-in-out, background-position 3s ease-in-out;
  border: solid var(--bs-info-border-subtle);
}

.badge:hover{
  background: linear-gradient(var(--bs-info-bg-subtle), var(--bs-primary-border-subtle));
  background-size: 200% 200%; /* Gradiente mais amplo */
  background-position: center; /* Centraliza o gradiente */
}

.blog-post .col-md-12 p,li{
  font-size: 20px !important;
}

small{
 font-size: .60em !important;
}

footer li{
 font-size: 1.25em !important;
}

.surprise-button{
    transition: .5s;
}
.surprise-button:hover {
    color: var(--bs-info-bg-subtle);
    background: var(--bs-info-text-emphasis);
    border: solid var(--bs-info-bg-subtle);
}
.last-curiosity-button {
    width: 100%;
    height: 100%;
    border: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    transition: 0.5s; /* Adicione aqui a transição para o background */
}

.last-curiosity-button:hover {
    background: linear-gradient(to right, #ededed62, #ededed00) !important;
}
.last-curiosity-button svg{
    transition: .5s;
}

.last-curiosity-button:hover svg{
    margin-left: -10px;
}