.rsssl { .rsssl-other-plugins { .rsssl-placeholder { background-color:transparent; } .rsp-logo img { height: 20px; } } .rsssl-other-plugins-container { display: flex !important; flex-direction: row; flex-wrap: wrap; margin-bottom: 10px; font-size: var(--rsp-fs-300); line-height: 1.7; gap: var(--rsp-spacing-xxs); @media screen and (max-width: 992px) { flex-direction: row; overflow: hidden; } .rsssl-other-plugins-element { width: 100%; display: flex; align-content: space-between; justify-content: space-between; gap: 10px; --rsp-other-plugins-color: var(---rsp-brand-primary); &.rsssl-zip-recipes { --rsp-other-plugins-color: var(--rsp-pink); } &.rsssl-burst-statistics { --rsp-other-plugins-color: var(--rsp-green); } &.rsssl-complianz-gdpr { --rsp-other-plugins-color: var(--rsp-blue); } &.rsssl-complianz-terms-conditions { --rsp-other-plugins-color: var(--rsp-black); } &.rsssl-really-simple-ssl { --rsp-other-plugins-color: var(--rsp-yellow); } a { width: max-content; color: var(--rsp-text-color-light); transition: color 0.3s ease; display: flex; align-items: center; min-width: 0; gap: var(--rsp-spacing-xs); text-decoration: none; &:hover { color: var(--rsp-other-plugins-color); text-decoration: underline; .rsssl-bullet { background-color: var(--rsp-other-plugins-color); } .rsssl-other-plugins-content { text-decoration: underline; } } } .rsssl-bullet { transition: background-color 0.3s ease; background-color: var(--rsp-other-plugins-color); } .rsssl-other-plugins-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rsssl-other-plugin-status { min-width: fit-content; } } } }