Code snippets with links are incorrectly rendered

[revolter]

In this case:

---

---

Fastfiles, lanes and lane are not links, while cocoapods and carthage are links, but they look the same.

[janpio]

Screenshot is from https://docs.fastlane.tools/best-practices/continuous-integration/#external-dependencies

[janpio]

Code is:

<a href="https://docs.fastlane.tools/actions/cocoapods/"><code>cocoapods</code></a>

Font color of a code is defined as blue:

.rst-content a code {
    color: #2980B9;
}

but overwritten via !important for code:

code {
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace !important;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #f7f7f7 !important;
    color: #333 !important;
    font-size: 14px !important;
    border: none !important;
    padding: 5px !important;
}

in fastlane.css.

Without !important the color is as expected and the link is recognizable as such:

What could be the side effects?
Should we change it?

[revolter]

I will try to do this in #696.