Links

There can be no space between the link tags ("a") and the text.
The size of the links can be modified using the font-size classes.
For more information check the Figma file.

Link Back To

Back To

NA

Go back to xl

.os-back-to .font-size-xl

Go back to l

.os-back-to .font-size-l

Go back to m

.os-back-to

Go back to s

.os-back-to .font-size-s

Go back to xs

.os-back-to .font-size-xs


Link Blue

Inline Link

Inline Link Style to be applied to any inline link. It should mostly be used for internal linking. If internal opens on the same window or tab.

Inline link xl

.font-size-xl

Inline link l

.font-size-l

Inline link m

-

Inline link s

.font-size-s

Inline link xs

.font-size-xs

Link CTA Inside Website

Style to be applied to any CTA Link type for internal linking. Opens in the same window/tab.

Inline link xl

.internal-link .font-size-xl

Inline link l

.internal-link .font-size-l

Inline link m

.internal-link

Inline link s

.internal-link .font-size-s

Inline link xs

.internal-link .font-size-xs

Link CTA Outside Website

Style to be applied to any CTA Link type for external linking. Opens in a different window/tab.

Out link xl

.external-link .font-size-xl

Out link l

.external-link .font-size-l

Out link m

.external-link

Out link s

.external-link .font-size-s

Out link xs

.external-link .font-size-xs

Link video lightbox

Style to be applied to any video player modal link.

Video link xl

.play-link .font-size-xl

Video link l

.play-link .font-size-l

Video link m

.play-link

Video link s

.play-link .font-size-s

Video link xs

.play-link .font-size-xs

Link Yellow

Inline Link

Inline Link Style to be applied to any inline link. It should mostly be used for internal linking. If internal opens on the same window or tab.

Inline link xl

.text-color-yellow .font-size-xl

Inline link l

.text-color-yellow .font-size-l

Inline link m

.text-color-yellow

Inline link s

.text-color-yellow .font-size-s

Inline link xs

.text-color-yellow .font-size-xs

Link CTA Inside Website

Style to be applied to any CTA Link type for internal linking. Opens in the same window/tab.

Inline link xl

.internal-link .text-color-yellow .font-size-xl

Inline link l

.internal-link .text-color-yellow .font-size-l

Inline link m

.internal-link .text-color-yellow

Inline link s

.internal-link .text-color-yellow .font-size-s

Inline link xs

.internal-link .text-color-yellow .font-size-xs

Link CTA Outside Website

Style to be applied to any CTA Link type for external linking. Opens in a different window/tab.

Out link xl

.external-link .text-color-yellow .font-size-xl

Out link l

.external-link .text-color-yellow .font-size-l

Out link m

.external-link .text-color-yellow

Out link s

.external-link .text-color-yellow .font-size-s

Out link xs

.external-link .text-color-yellow .font-size-xs

Link video lightbox

Style to be applied to any video player modal link.

Video link xl

.play-link .text-color-yellow .font-size-xl

Video link l

.play-link .text-color-yellow .font-size-l

Video link m

.play-link .text-color-yellow

Video link s

.play-link .text-color-yellow .font-size-s

Video link xs

.play-link .text-color-yellow .font-size-xs

Link White

Inline Link

Inline Link Style to be applied to any inline link. It should mostly be used for internal linking. If internal opens on the same window or tab.

Inline link xl

.text-color-white .font-size-xl

Inline link l

.text-color-white .font-size-l

Inline link m

.text-color-white

Inline link s

.text-color-white .font-size-s

Inline link xs

.text-color-white .font-size-xs

Link CTA Inside Website

Style to be applied to any CTA Link type for internal linking. Opens in the same window/tab.

Inline link xl

.internal-link .text-color-white .font-size-xl

Inline link l

.internal-link .text-color-white .font-size-l

Inline link m

.internal-link .text-color-white

Inline link s

.internal-link .text-color-white .font-size-s

Inline link xs

.internal-link .text-color-white .font-size-xs

Link CTA Outside Website

Style to be applied to any CTA Link type for external linking. Opens in a different window/tab.

Out link xl

.external-link .text-color-white .font-size-xl

Out link l

.external-link .text-color-white .font-size-l

Out link m

.external-link .text-color-white

Out link s

.external-link .text-color-white .font-size-s

Out link xs

.external-link .text-color-white .font-size-xs

Link video lightbox

Style to be applied to any video player modal link.

Video link xl

.play-link .text-color-white .font-size-xl

Video link l

.play-link .text-color-white .font-size-l

Video link m

.play-link .text-color-white

Video link s

.play-link .text-color-white .font-size-s

Video link xs

.play-link .text-color-white .font-size-xs

Link White

Inline Link

Inline Link Style to be applied to any inline link. It should mostly be used for internal linking. If internal opens on the same window or tab.

Inline link xl

.text-color-black .font-size-xl

Inline link l

.text-color-black .font-size-l

Inline link m

.text-color-black

Inline link s

.text-color-black .font-size-s

Inline link xs

.text-color-black .font-size-xs

Link CTA Inside Website

Style to be applied to any CTA Link type for internal linking. Opens in the same window/tab.

Inline link xl

.internal-link .text-color-black .font-size-xl

Inline link l

.internal-link .text-color-black .font-size-l

Inline link m

.internal-link .text-color-black

Inline link s

.internal-link .text-color-black .font-size-s

Inline link xs

.internal-link .text-color-black .font-size-xs

Link CTA Outside Website

Style to be applied to any CTA Link type for external linking. Opens in a different window/tab.

Out link xl

.external-link .text-color-black .font-size-xl

Out link l

.external-link .text-color-black .font-size-l

Out link m

.external-link .text-color-black

Out link s

.external-link .text-color-black .font-size-s

Out link xs

.external-link .text-color-black .font-size-xs

Link video lightbox

Style to be applied to any video player modal link.

Video link xl

.play-link .text-color-black .font-size-xl

Video link l

.play-link .text-color-black .font-size-l

Video link m

.play-link .text-color-black

Video link s

.play-link .text-color-black .font-size-s

Video link xs

.play-link .text-color-black .font-size-xs