@stihl-design-system/components/assets/LinkCard.Bi9QqIDA.css

Welcome to the STIHL Design System react component library.

.ds-link-card_root_h40nd_1{background-color:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:fit-content;min-width:13rem;max-width:42.9375rem;position:relative;box-shadow:0 2px 12px #00000014,0 1px 2px #00000029}@media screen and (forced-colors: active){.ds-link-card_root_h40nd_1{border:1px solid CanvasText}}.ds-link-card_root_h40nd_1:hover{box-shadow:0 2px 12px #00000029,0 1px 2px #0003}.ds-link-card_root_h40nd_1 a:after{content:"";position:absolute;z-index:1;cursor:pointer;inset:0}.ds-link-card_root_h40nd_1 a:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-link-card_root_h40nd_1 a:focus{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_h40nd_1:has(:focus-visible) a:after{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){.ds-link-card_root_h40nd_1:has(:focus-visible) a:after{forced-color-adjust:auto;outline-color:Highlight}}.ds-link-card_root_h40nd_1:has(:focus-within) a:focus{outline:none}.ds-link-card_root--horizontal_h40nd_53{flex-direction:row;width:100%;max-width:89.6875rem}.ds-link-card_root--horizontal_h40nd_53 .ds-link-card_image-wrapper_h40nd_58{aspect-ratio:1/1;max-width:21.5625rem}.ds-link-card_root--horizontal_h40nd_53 .ds-link-card_image-wrapper_h40nd_58 img{border-top-right-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;aspect-ratio:1/1}.ds-link-card_root--horizontal_h40nd_53 .ds-link-card_content_h40nd_68{padding:32px;height:auto}.ds-link-card_image-wrapper_h40nd_58{width:100%;height:auto;aspect-ratio:16/9}.ds-link-card_image-wrapper_h40nd_58 img{border-top-left-radius:4px;border-top-right-radius:4px;width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}.ds-link-card_content_h40nd_68{display:flex;flex-direction:column;gap:24px;padding:24px;height:100%;order:1}.ds-link-card_header_h40nd_97,.ds-link-card_footer_h40nd_98{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.ds-link-card_footer_h40nd_98{margin-block-start:auto}.ds-link-card_heading_h40nd_109{margin:0}.ds-link-card_link_h40nd_113{text-decoration:none;color:#252525}.ds-link-card_description_h40nd_118{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;font-size-adjust:.414}.ds-link-card_meta-data_h40nd_135{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414}.ds-link-card_decorative-link_h40nd_152{margin-block-start:4px}.ds-link-card_flags_h40nd_156{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.ds-link-card_brand-flag_h40nd_165{position:absolute;top:8px;left:8px}