.btn-seguir {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-seguir svg {
    margin-right: 0.25rem;
}

.btn-seguir:not(.seguindo) {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.btn-seguir.seguindo {
    background-color: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
}

.btn-seguir:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Ajuste para quando estiver dentro de um card ou lista */
.card .btn-seguir,
.list-group-item .btn-seguir {
    padding: 0.25rem 1rem;
    font-size: 0.90rem;
}

.btn-like {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

.btn-like:not(.liked) {
    color: #6c757d;
}

.btn-like.liked {
    color: #dc3545;
}

.btn-like .like-count {
    font-weight: 500;
}

.btn-like svg {
    width: 16px;
    height: 16px;
}

.btn-like-ponto {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
}

.btn-like-ponto:not(.btn-danger) {
    border-color: #dc3545;
    color: #dc3545;
}

.btn-like-ponto:not(.btn-danger):hover {
    background-color: #dc3545;
    color: white;
}

.btn-like-ponto.btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.btn-like-ponto .like-count {
    font-weight: 500;
}

.btn-like-ponto svg {
    width: 16px;
    height: 16px;
}

.btn-quero-conhecer {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s;
    border-color: #28a745;
    color: #28a745;
    margin-left: 8px;
}

.btn-quero-conhecer:hover {
    background-color: #28a745;
    color: white;
}

.btn-quero-conhecer svg {
    width: 16px;
    height: 16px;
}

.btn-mapear {
    background: none;
    border: none;
    color: #666;
    padding: 0.25rem 0.5rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: color 0.2s;
}

.btn-mapear:hover {
    color: #007bff;
    text-decoration: none;
}

.btn-mapear svg {
    width: 16px;
    height: 16px;
}