hennzau

.pin {
    background: var(--bg-1);

    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 1.5rem;

    text-decoration: none;
    transition: all 0.2s;

    &:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);

        border-color: var(--text-2);
        background: var(--bg-2);
    }

    .header {
        h1 {
            font-size: 1rem;
            color: var(--text-0);

            &::before {
                color: var(--primary-color);
                content: "# ";
            }
        }
    }

    .description {
        color: var(--text-1);
        font-size: 0.9rem;
        margin-top: 1rem;
    }
}