@stihl-design-system/components/assets/ActionLink.BdPEvuGm.css

Welcome to the STIHL Design System react component library.

.ds-action-link_root_14712_1:focus{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-link_root_14712_1:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-action-link_root_14712_1:focus{outline:revert;outline-offset:revert}.ds-action-link_root_14712_1:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0px}@media screen and (forced-colors: active){.ds-action-link_root_14712_1:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-action-link_root_14712_1{padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px;color:#252525;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;transform:translateZ(0);white-space:nowrap;overflow-wrap:normal;text-align:center;text-decoration:none;background-color:transparent;cursor:pointer}@media (hover: hover){.ds-action-link_root_14712_1:hover{background-color:#0000001a}}.ds-action-link_root_14712_1{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){.ds-action-link_root_14712_1{transition-duration:0ms}}@media screen and (forced-colors: active){.ds-action-link_root_14712_1{background-color:Canvas!important}.ds-action-link_root_14712_1:hover{border-color:Highlight}}.ds-action-link_root--indent-level-1_14712_72{padding-inline-start:39px}.ds-action-link_root--active_14712_75{background-color:#0000001a}.ds-action-link_root--active--with-marker_14712_78{padding-inline-start:0px}.ds-action-link_root--icon--top_14712_81{gap:.25rem;flex-direction:column;padding-block-start:11px;padding-block-end:5px;padding-inline-start:7px;padding-inline-end:7px}.ds-action-link_root_14712_1[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}.ds-action-link_root_14712_1[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){.ds-action-link_root_14712_1[aria-disabled=true]{color:GrayText;border-color:GrayText}}.ds-action-link_root_14712_1[aria-disabled=true]:before{background-color:transparent}.ds-action-link_root--stretched_14712_106{justify-content:flex-start;width:100%}.ds-action-link_active-marker_14712_111{width:.25rem;height:1.25rem;margin-inline-start:-.0625rem;margin-inline-end:.25rem;background-color:#e9640c}@media screen and (forced-colors: active){.ds-action-link_active-marker_14712_111{background-color:Highlight}}.ds-action-link_active-marker--with-indent_14712_123{margin-inline-end:1.75rem}.ds-action-link_icon-wrapper_14712_127{height:1rem}.ds-action-link_icon-wrapper--x-large_14712_130{height:1.5rem}.ds-action-link_icon-wrapper--with-number-indicator_14712_133{position:relative}.ds-action-link_icon-wrapper--with-number-indicator_14712_133>span{position:absolute;top:-25%;left:.625rem}.ds-action-link_icon-wrapper--with-number-indicator--with-value_14712_141>span{top:-50%}.ds-action-link_label_14712_145{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.25;font-size-adjust:.414}.ds-action-link_label--bold_14712_156,.ds-action-link_label--active_14712_167{font-family:STIHL Contraface Digital Text Bold,-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.25;font-size-adjust:.426}.ds-action-link_label--icon-top_14712_178{font-family:STIHL Contraface Digital Text Demi,-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:.75rem;line-height:1.14;font-size-adjust:.42}.ds-action-link_label--icon-top_14712_178.ds-action-link_label--active_14712_167{font-family:STIHL Contraface Digital Text Bold,-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:.75rem;line-height:1.33;font-size-adjust:.426}.ds-action-link_number-indicator_14712_201{margin-inline-start:auto}