npm - scu-web-components - Versions diffs - 0.0.76 → 0.0.77 - Mend

scu-web-components 0.0.76 → 0.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1341) hide show

package/dist/tokens/source/scssVariables.scss CHANGED Viewed

@@ -2645,8 +2645,8 @@ $comp-scw-icon-v2-default-icon-padding-bottom: 0px;
 $comp-scw-icon-v2-default-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-icon-v2-default-icon-vector-blend-mode: NORMAL;
-$comp-scw-icon-v2-default-icon-vector-width: 41.6666px;
-$comp-scw-icon-v2-default-icon-vector-height: 41.6667px;
+$comp-scw-icon-v2-default-icon-vector-width: 41.667px;
+$comp-scw-icon-v2-default-icon-vector-height: 41.666px;
 $comp-scw-icon-v2-default-icon-vector-constraint-horizontal: STRETCH;
 $comp-scw-icon-v2-default-icon-vector-constraint-vertical: STRETCH;
 $comp-scw-icon-v2-default-icon-vector-constrain-proportions: false;
@@ -2657,12 +2657,12 @@ $comp-scw-icon-v2-default-icon-vector-counter-axis-align-items: MIN;
 $comp-scw-icon-v2-default-icon-vector-item-spacing: 0px;
 $comp-scw-icon-v2-default-icon-vector-layout-align: MIN;
 $comp-scw-icon-v2-default-icon-vector-layout-grow: 0;
-$comp-scw-icon-v2-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
+$comp-scw-icon-v2-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-default-icon-vector-top-percent: 50%;
-$comp-scw-icon-v2-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );
-$comp-scw-icon-v2-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );
+$comp-scw-icon-v2-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );
+$comp-scw-icon-v2-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
 $comp-scw-icon-v2-default-icon-vector-left-percent: 50%;
-$comp-scw-icon-v2-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
+$comp-scw-icon-v2-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-default-icon-vector-padding-left: 0px;
 $comp-scw-icon-v2-default-icon-vector-padding-right: 0px;
 $comp-scw-icon-v2-default-icon-vector-padding-top: 0px;
@@ -2723,8 +2723,8 @@ $comp-scw-icon-v2-state-hover-icon-padding-bottom: 0px;
 $comp-scw-icon-v2-state-hover-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-icon-v2-state-hover-icon-vector-blend-mode: NORMAL;
-$comp-scw-icon-v2-state-hover-icon-vector-width: 41.6666px;
-$comp-scw-icon-v2-state-hover-icon-vector-height: 41.6667px;
+$comp-scw-icon-v2-state-hover-icon-vector-width: 41.667px;
+$comp-scw-icon-v2-state-hover-icon-vector-height: 41.666px;
 $comp-scw-icon-v2-state-hover-icon-vector-constraint-horizontal: STRETCH;
 $comp-scw-icon-v2-state-hover-icon-vector-constraint-vertical: STRETCH;
 $comp-scw-icon-v2-state-hover-icon-vector-constrain-proportions: false;
@@ -2735,12 +2735,12 @@ $comp-scw-icon-v2-state-hover-icon-vector-counter-axis-align-items: MIN;
 $comp-scw-icon-v2-state-hover-icon-vector-item-spacing: 0px;
 $comp-scw-icon-v2-state-hover-icon-vector-layout-align: MIN;
 $comp-scw-icon-v2-state-hover-icon-vector-layout-grow: 0;
-$comp-scw-icon-v2-state-hover-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
+$comp-scw-icon-v2-state-hover-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-state-hover-icon-vector-top-percent: 50%;
-$comp-scw-icon-v2-state-hover-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416650390625 );
-$comp-scw-icon-v2-state-hover-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );
+$comp-scw-icon-v2-state-hover-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );
+$comp-scw-icon-v2-state-hover-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
 $comp-scw-icon-v2-state-hover-icon-vector-left-percent: 50%;
-$comp-scw-icon-v2-state-hover-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
+$comp-scw-icon-v2-state-hover-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-state-hover-icon-vector-padding-left: 0px;
 $comp-scw-icon-v2-state-hover-icon-vector-padding-right: 0px;
 $comp-scw-icon-v2-state-hover-icon-vector-padding-top: 0px;
@@ -2807,8 +2807,8 @@ $comp-scw-icon-v2-state-focused-icon-padding-bottom: 0px;
 $comp-scw-icon-v2-state-focused-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-icon-v2-state-focused-icon-vector-blend-mode: NORMAL;
-$comp-scw-icon-v2-state-focused-icon-vector-width: 41.6666px;
-$comp-scw-icon-v2-state-focused-icon-vector-height: 41.6665px;
+$comp-scw-icon-v2-state-focused-icon-vector-width: 41.667px;
+$comp-scw-icon-v2-state-focused-icon-vector-height: 41.666px;
 $comp-scw-icon-v2-state-focused-icon-vector-constraint-horizontal: STRETCH;
 $comp-scw-icon-v2-state-focused-icon-vector-constraint-vertical: STRETCH;
 $comp-scw-icon-v2-state-focused-icon-vector-constrain-proportions: false;
@@ -2819,12 +2819,12 @@ $comp-scw-icon-v2-state-focused-icon-vector-counter-axis-align-items: MIN;
 $comp-scw-icon-v2-state-focused-icon-vector-item-spacing: 0px;
 $comp-scw-icon-v2-state-focused-icon-vector-layout-align: MIN;
 $comp-scw-icon-v2-state-focused-icon-vector-layout-grow: 0;
-$comp-scw-icon-v2-state-focused-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );
+$comp-scw-icon-v2-state-focused-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-state-focused-icon-vector-top-percent: 50%;
-$comp-scw-icon-v2-state-focused-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-$comp-scw-icon-v2-state-focused-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );
+$comp-scw-icon-v2-state-focused-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );
+$comp-scw-icon-v2-state-focused-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
 $comp-scw-icon-v2-state-focused-icon-vector-left-percent: 50%;
-$comp-scw-icon-v2-state-focused-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
+$comp-scw-icon-v2-state-focused-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-state-focused-icon-vector-padding-left: 0px;
 $comp-scw-icon-v2-state-focused-icon-vector-padding-right: 0px;
 $comp-scw-icon-v2-state-focused-icon-vector-padding-top: 0px;
@@ -2885,8 +2885,8 @@ $comp-scw-icon-v2-state-disabled-icon-padding-bottom: 0px;
 $comp-scw-icon-v2-state-disabled-icon-vector-background-color: var( --scw-color-grey-07 );
 $comp-scw-icon-v2-state-disabled-icon-vector-blend-mode: NORMAL;
-$comp-scw-icon-v2-state-disabled-icon-vector-width: 41.6666px;
-$comp-scw-icon-v2-state-disabled-icon-vector-height: 41.6665px;
+$comp-scw-icon-v2-state-disabled-icon-vector-width: 41.667px;
+$comp-scw-icon-v2-state-disabled-icon-vector-height: 41.666px;
 $comp-scw-icon-v2-state-disabled-icon-vector-constraint-horizontal: STRETCH;
 $comp-scw-icon-v2-state-disabled-icon-vector-constraint-vertical: STRETCH;
 $comp-scw-icon-v2-state-disabled-icon-vector-constrain-proportions: false;
@@ -2897,12 +2897,12 @@ $comp-scw-icon-v2-state-disabled-icon-vector-counter-axis-align-items: MIN;
 $comp-scw-icon-v2-state-disabled-icon-vector-item-spacing: 0px;
 $comp-scw-icon-v2-state-disabled-icon-vector-layout-align: MIN;
 $comp-scw-icon-v2-state-disabled-icon-vector-layout-grow: 0;
-$comp-scw-icon-v2-state-disabled-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.416650390625 );
+$comp-scw-icon-v2-state-disabled-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-state-disabled-icon-vector-top-percent: 50%;
-$comp-scw-icon-v2-state-disabled-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.41669921875 );
-$comp-scw-icon-v2-state-disabled-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );
+$comp-scw-icon-v2-state-disabled-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.416796875 );
+$comp-scw-icon-v2-state-disabled-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41669921875 );
 $comp-scw-icon-v2-state-disabled-icon-vector-left-percent: 50%;
-$comp-scw-icon-v2-state-disabled-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
+$comp-scw-icon-v2-state-disabled-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166015625 );
 $comp-scw-icon-v2-state-disabled-icon-vector-padding-left: 0px;
 $comp-scw-icon-v2-state-disabled-icon-vector-padding-right: 0px;
 $comp-scw-icon-v2-state-disabled-icon-vector-padding-top: 0px;
@@ -2988,8 +2988,8 @@ $comp-scw-icon-default-icon-padding-bottom: 0px;
 $comp-scw-icon-default-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-icon-default-icon-vector-blend-mode: NORMAL;
-$comp-scw-icon-default-icon-vector-width: 41.6665px;
-$comp-scw-icon-default-icon-vector-height: 41.6666px;
+$comp-scw-icon-default-icon-vector-width: 41.6666px;
+$comp-scw-icon-default-icon-vector-height: 41.667px;
 $comp-scw-icon-default-icon-vector-constraint-horizontal: STRETCH;
 $comp-scw-icon-default-icon-vector-constraint-vertical: STRETCH;
 $comp-scw-icon-default-icon-vector-constrain-proportions: false;
@@ -3000,12 +3000,12 @@ $comp-scw-icon-default-icon-vector-counter-axis-align-items: MIN;
 $comp-scw-icon-default-icon-vector-item-spacing: 0px;
 $comp-scw-icon-default-icon-vector-layout-align: MIN;
 $comp-scw-icon-default-icon-vector-layout-grow: 0;
-$comp-scw-icon-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.41666259765625 );
+$comp-scw-icon-default-icon-vector-top: calc( var( --scw-spacing-1 ) * 0.41669921875 );
 $comp-scw-icon-default-icon-vector-top-percent: 50%;
-$comp-scw-icon-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
-$comp-scw-icon-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.416650390625 );
+$comp-scw-icon-default-icon-vector-bottom: calc( var( --scw-spacing-1 ) * 0.4166015625 );
+$comp-scw-icon-default-icon-vector-left: calc( var( --scw-spacing-1 ) * 0.41666259765625 );
 $comp-scw-icon-default-icon-vector-left-percent: 50%;
-$comp-scw-icon-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.41669921875 );
+$comp-scw-icon-default-icon-vector-right: calc( var( --scw-spacing-1 ) * 0.4166748046875 );
 $comp-scw-icon-default-icon-vector-padding-left: 0px;
 $comp-scw-icon-default-icon-vector-padding-right: 0px;
 $comp-scw-icon-default-icon-vector-padding-top: 0px;
@@ -13572,12 +13572,12 @@ $comp-scw-rich-text-default-text-font-size: 2.5rem;
 $comp-scw-rich-text-default-text-text-align-horizontal: LEFT;
 $comp-scw-rich-text-default-text-text-align-vertical: TOP;
 $comp-scw-rich-text-default-text-text-transform: none;
-$comp-scw-rich-text-default-text-color: var( --scw-color-primary );
-$comp-scw-rich-text-default-text-font-family: 'Proxima Nova Condensed';
+$comp-scw-rich-text-default-text-color: var( --scw-color-grey-02 );
+$comp-scw-rich-text-default-text-font-family: 'Proxima Nova';
 $comp-scw-rich-text-default-text-font-weight: 700;
 $comp-scw-rich-text-default-text-line-height: 3.375rem;
 $comp-scw-rich-text-default-text-letter-spacing: 0rem;
-$comp-scw-rich-text-default-text-font: var( --scw-type-text-bold-condensed-10-font );
+$comp-scw-rich-text-default-text-font: var( --scw-type-text-bold-10-font );
 $comp-scw-rich-text-default-text-width: 447px;
 $comp-scw-rich-text-default-text-height: 54px;
 $comp-scw-rich-text-default-text-constraint-horizontal: MIN;
@@ -13628,7 +13628,7 @@ $comp-scw-rich-text-size-h2-text-font-size: 1.875rem;
 $comp-scw-rich-text-size-h2-text-text-align-horizontal: LEFT;
 $comp-scw-rich-text-size-h2-text-text-align-vertical: TOP;
 $comp-scw-rich-text-size-h2-text-text-transform: none;
-$comp-scw-rich-text-size-h2-text-color: var( --scw-color-primary );
+$comp-scw-rich-text-size-h2-text-color: var( --scw-color-grey-02 );
 $comp-scw-rich-text-size-h2-text-font-family: 'Proxima Nova';
 $comp-scw-rich-text-size-h2-text-font-weight: 700;
 $comp-scw-rich-text-size-h2-text-line-height: 2.531rem;
@@ -13684,7 +13684,7 @@ $comp-scw-rich-text-size-h3-text-font-size: 1.5rem;
 $comp-scw-rich-text-size-h3-text-text-align-horizontal: LEFT;
 $comp-scw-rich-text-size-h3-text-text-align-vertical: TOP;
 $comp-scw-rich-text-size-h3-text-text-transform: none;
-$comp-scw-rich-text-size-h3-text-color: var( --scw-color-primary );
+$comp-scw-rich-text-size-h3-text-color: var( --scw-color-grey-02 );
 $comp-scw-rich-text-size-h3-text-font-family: 'Proxima Nova';
 $comp-scw-rich-text-size-h3-text-font-weight: 700;
 $comp-scw-rich-text-size-h3-text-line-height: 2.025rem;
@@ -14020,7 +14020,7 @@ $comp-scw-rich-text-size-link-text-font-size: 1.125rem;
 $comp-scw-rich-text-size-link-text-text-align-horizontal: LEFT;
 $comp-scw-rich-text-size-link-text-text-align-vertical: TOP;
 $comp-scw-rich-text-size-link-text-text-transform: none;
-$comp-scw-rich-text-size-link-text-color: var( --scw-color-primary );
+$comp-scw-rich-text-size-link-text-color: var( --scw-color-grey-02 );
 $comp-scw-rich-text-size-link-text-font-family: 'Proxima Nova';
 $comp-scw-rich-text-size-link-text-font-weight: 400;
 $comp-scw-rich-text-size-link-text-line-height: 1.688rem;
@@ -14069,7 +14069,7 @@ $comp-scw-rich-text-size-table-padding-right: 0px;
 $comp-scw-rich-text-size-table-padding-top: 0px;
 $comp-scw-rich-text-size-table-padding-bottom: 0px;
-$comp-scw-rich-text-size-table-header-row-background-color: var( --scw-color-primary );
+$comp-scw-rich-text-size-table-header-row-background-color: var( --scw-color-grey-03 );
 $comp-scw-rich-text-size-table-header-row-blend-mode: NORMAL;
 $comp-scw-rich-text-size-table-header-row-corner-radius-top-left: 6px;
 $comp-scw-rich-text-size-table-header-row-corner-radius-top-right: 6px;
@@ -15938,11 +15938,11 @@ $comp-scw-base-heading-default-text-text-align-horizontal: LEFT;
 $comp-scw-base-heading-default-text-text-align-vertical: TOP;
 $comp-scw-base-heading-default-text-text-transform: none;
 $comp-scw-base-heading-default-text-color: var( --scw-color-grey-02 );
-$comp-scw-base-heading-default-text-font-family: 'Proxima Nova Condensed';
+$comp-scw-base-heading-default-text-font-family: 'Proxima Nova';
 $comp-scw-base-heading-default-text-font-weight: 700;
 $comp-scw-base-heading-default-text-line-height: 3.375rem;
 $comp-scw-base-heading-default-text-letter-spacing: 0rem;
-$comp-scw-base-heading-default-text-font: var( --scw-type-text-bold-condensed-10-font );
+$comp-scw-base-heading-default-text-font: var( --scw-type-text-bold-10-font );
 $comp-scw-base-heading-default-text-width: 365px;
 $comp-scw-base-heading-default-text-height: 54px;
 $comp-scw-base-heading-default-text-constraint-horizontal: MIN;
@@ -21613,7 +21613,7 @@ $comp-scw-link-base-corner-radius-top-right: 5px;
 $comp-scw-link-base-corner-radius-bottom-right: 5px;
 $comp-scw-link-base-corner-radius-bottom-left: 5px;
 $comp-scw-link-base-width: 392px;
-$comp-scw-link-base-height: 364px;
+$comp-scw-link-base-height: 454px;
 $comp-scw-link-base-constraint-horizontal: MIN;
 $comp-scw-link-base-constraint-vertical: MIN;
 $comp-scw-link-base-constrain-proportions: false;
@@ -21635,9 +21635,9 @@ $comp-scw-link-base-padding-right: 0px;
 $comp-scw-link-base-padding-top: 0px;
 $comp-scw-link-base-padding-bottom: 0px;
-$comp-scw-link-base-default-background-color: var( --scw-color-primary );
+$comp-scw-link-base-default-background-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-default-blend-mode: NORMAL;
-$comp-scw-link-base-default-stroke-color: var( --scw-color-primary );
+$comp-scw-link-base-default-stroke-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-default-stroke-weight: 1px;
 $comp-scw-link-base-default-stroke-align: OUTSIDE;
 $comp-scw-link-base-default-corner-radius-top-left: 8px;
@@ -21657,8 +21657,8 @@ $comp-scw-link-base-default-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
 $comp-scw-link-base-default-layout-align: MIN;
 $comp-scw-link-base-default-layout-grow: 0;
 $comp-scw-link-base-default-top: var( --scw-spacing-2 );
-$comp-scw-link-base-default-top-percent: 10.99%;
-$comp-scw-link-base-default-bottom: calc( var( --scw-spacing-1 ) * 30.4 );
+$comp-scw-link-base-default-top-percent: 8.81%;
+$comp-scw-link-base-default-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 $comp-scw-link-base-default-left: var( --scw-spacing-2 );
 $comp-scw-link-base-default-left-percent: 14.29%;
 $comp-scw-link-base-default-right: calc( var( --scw-spacing-1 ) * 30 );
@@ -21680,9 +21680,9 @@ $comp-scw-link-base-default-left-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-default-left-icon-item-spacing: 0px;
 $comp-scw-link-base-default-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-default-left-icon-layout-grow: 0;
-$comp-scw-link-base-default-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-default-left-icon-top-percent: 55%;
-$comp-scw-link-base-default-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-default-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-default-left-icon-top-percent: 50%;
+$comp-scw-link-base-default-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-default-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-default-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-default-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -21716,7 +21716,7 @@ $comp-scw-link-base-default-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-default-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-default-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-default-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-default-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-default-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-default-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-default-left-icon-icon-vector-height: 16.6667px;
@@ -21771,7 +21771,7 @@ $comp-scw-link-base-default-label-label-font-size: 1rem;
 $comp-scw-link-base-default-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-default-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-default-label-label-text-transform: none;
-$comp-scw-link-base-default-label-label-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-default-label-label-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-default-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-default-label-label-font-weight: 700;
 $comp-scw-link-base-default-label-label-line-height: 1.5rem;
@@ -21809,12 +21809,12 @@ $comp-scw-link-base-default-right-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-default-right-icon-item-spacing: 0px;
 $comp-scw-link-base-default-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-default-right-icon-layout-grow: 0;
-$comp-scw-link-base-default-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-default-right-icon-top-percent: 55%;
-$comp-scw-link-base-default-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-default-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-default-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-default-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-default-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-default-right-icon-top-percent: 50%;
+$comp-scw-link-base-default-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-default-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-default-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-default-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-default-right-icon-padding-left: 0px;
 $comp-scw-link-base-default-right-icon-padding-right: 0px;
 $comp-scw-link-base-default-right-icon-padding-top: 0px;
@@ -21844,7 +21844,7 @@ $comp-scw-link-base-default-right-icon-icon-padding-right: 0px;
 $comp-scw-link-base-default-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-default-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-default-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-default-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-default-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-default-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-default-right-icon-icon-vector-height: 16.6667px;
@@ -21869,9 +21869,9 @@ $comp-scw-link-base-default-right-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-default-right-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-default-right-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-state-hover-background-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-state-hover-background-color: var( --scw-color-primary-06 );
 $comp-scw-link-base-state-hover-blend-mode: NORMAL;
-$comp-scw-link-base-state-hover-stroke-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-state-hover-stroke-color: var( --scw-color-primary-06 );
 $comp-scw-link-base-state-hover-stroke-weight: 1px;
 $comp-scw-link-base-state-hover-stroke-align: OUTSIDE;
 $comp-scw-link-base-state-hover-corner-radius-top-left: 8px;
@@ -21891,8 +21891,8 @@ $comp-scw-link-base-state-hover-item-spacing: calc( var( --scw-spacing-1 ) * 0.4
 $comp-scw-link-base-state-hover-layout-align: MIN;
 $comp-scw-link-base-state-hover-layout-grow: 0;
 $comp-scw-link-base-state-hover-top: var( --scw-spacing-2 );
-$comp-scw-link-base-state-hover-top-percent: 10.99%;
-$comp-scw-link-base-state-hover-bottom: calc( var( --scw-spacing-1 ) * 30.4 );
+$comp-scw-link-base-state-hover-top-percent: 8.81%;
+$comp-scw-link-base-state-hover-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 $comp-scw-link-base-state-hover-left: calc( var( --scw-spacing-1 ) * 11.2 );
 $comp-scw-link-base-state-hover-left-percent: 37.76%;
 $comp-scw-link-base-state-hover-right: calc( var( --scw-spacing-1 ) * 20.8 );
@@ -21914,9 +21914,9 @@ $comp-scw-link-base-state-hover-left-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-state-hover-left-icon-item-spacing: 0px;
 $comp-scw-link-base-state-hover-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-state-hover-left-icon-layout-grow: 0;
-$comp-scw-link-base-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-state-hover-left-icon-top-percent: 55%;
-$comp-scw-link-base-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-state-hover-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-state-hover-left-icon-top-percent: 50%;
+$comp-scw-link-base-state-hover-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-state-hover-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-state-hover-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-state-hover-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -21950,7 +21950,7 @@ $comp-scw-link-base-state-hover-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-state-hover-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-state-hover-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-state-hover-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-state-hover-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-state-hover-left-icon-icon-vector-height: 16.6667px;
@@ -22005,7 +22005,7 @@ $comp-scw-link-base-state-hover-label-label-font-size: 1rem;
 $comp-scw-link-base-state-hover-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-state-hover-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-state-hover-label-label-text-transform: none;
-$comp-scw-link-base-state-hover-label-label-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-state-hover-label-label-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-state-hover-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-state-hover-label-label-font-weight: 700;
 $comp-scw-link-base-state-hover-label-label-line-height: 1.5rem;
@@ -22043,12 +22043,12 @@ $comp-scw-link-base-state-hover-right-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-state-hover-right-icon-item-spacing: 0px;
 $comp-scw-link-base-state-hover-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-state-hover-right-icon-layout-grow: 0;
-$comp-scw-link-base-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-state-hover-right-icon-top-percent: 55%;
-$comp-scw-link-base-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-state-hover-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-state-hover-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-state-hover-right-icon-top-percent: 50%;
+$comp-scw-link-base-state-hover-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-state-hover-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-state-hover-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-state-hover-right-icon-padding-left: 0px;
 $comp-scw-link-base-state-hover-right-icon-padding-right: 0px;
 $comp-scw-link-base-state-hover-right-icon-padding-top: 0px;
@@ -22078,7 +22078,7 @@ $comp-scw-link-base-state-hover-right-icon-icon-padding-right: 0px;
 $comp-scw-link-base-state-hover-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-state-hover-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-state-hover-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-state-hover-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-state-hover-right-icon-icon-vector-height: 16.6667px;
@@ -22103,9 +22103,9 @@ $comp-scw-link-base-state-hover-right-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-state-hover-right-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-state-hover-right-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-state-focused-background-color: var( --scw-color-primary );
+$comp-scw-link-base-state-focused-background-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-state-focused-blend-mode: NORMAL;
-$comp-scw-link-base-state-focused-stroke-color: var( --scw-color-primary );
+$comp-scw-link-base-state-focused-stroke-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-state-focused-stroke-weight: 1px;
 $comp-scw-link-base-state-focused-stroke-align: OUTSIDE;
 $comp-scw-link-base-state-focused-corner-radius-top-left: 8px;
@@ -22131,8 +22131,8 @@ $comp-scw-link-base-state-focused-item-spacing: calc( var( --scw-spacing-1 ) * 0
 $comp-scw-link-base-state-focused-layout-align: MIN;
 $comp-scw-link-base-state-focused-layout-grow: 0;
 $comp-scw-link-base-state-focused-top: var( --scw-spacing-2 );
-$comp-scw-link-base-state-focused-top-percent: 10.99%;
-$comp-scw-link-base-state-focused-bottom: calc( var( --scw-spacing-1 ) * 30.4 );
+$comp-scw-link-base-state-focused-top-percent: 8.81%;
+$comp-scw-link-base-state-focused-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 $comp-scw-link-base-state-focused-left: calc( var( --scw-spacing-1 ) * 20.4 );
 $comp-scw-link-base-state-focused-left-percent: 61.22%;
 $comp-scw-link-base-state-focused-right: calc( var( --scw-spacing-1 ) * 11.6 );
@@ -22154,9 +22154,9 @@ $comp-scw-link-base-state-focused-left-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-state-focused-left-icon-item-spacing: 0px;
 $comp-scw-link-base-state-focused-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-state-focused-left-icon-layout-grow: 0;
-$comp-scw-link-base-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-state-focused-left-icon-top-percent: 55%;
-$comp-scw-link-base-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-state-focused-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-state-focused-left-icon-top-percent: 50%;
+$comp-scw-link-base-state-focused-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-state-focused-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-state-focused-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-state-focused-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -22190,7 +22190,7 @@ $comp-scw-link-base-state-focused-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-state-focused-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-state-focused-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-state-focused-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-state-focused-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-state-focused-left-icon-icon-vector-height: 16.6667px;
@@ -22245,7 +22245,7 @@ $comp-scw-link-base-state-focused-label-label-font-size: 1rem;
 $comp-scw-link-base-state-focused-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-state-focused-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-state-focused-label-label-text-transform: none;
-$comp-scw-link-base-state-focused-label-label-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-state-focused-label-label-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-state-focused-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-state-focused-label-label-font-weight: 700;
 $comp-scw-link-base-state-focused-label-label-line-height: 1.5rem;
@@ -22283,12 +22283,12 @@ $comp-scw-link-base-state-focused-right-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-state-focused-right-icon-item-spacing: 0px;
 $comp-scw-link-base-state-focused-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-state-focused-right-icon-layout-grow: 0;
-$comp-scw-link-base-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-state-focused-right-icon-top-percent: 55%;
-$comp-scw-link-base-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-state-focused-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-state-focused-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-state-focused-right-icon-top-percent: 50%;
+$comp-scw-link-base-state-focused-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-state-focused-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-state-focused-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-state-focused-right-icon-padding-left: 0px;
 $comp-scw-link-base-state-focused-right-icon-padding-right: 0px;
 $comp-scw-link-base-state-focused-right-icon-padding-top: 0px;
@@ -22318,7 +22318,7 @@ $comp-scw-link-base-state-focused-right-icon-icon-padding-right: 0px;
 $comp-scw-link-base-state-focused-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-state-focused-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-state-focused-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-state-focused-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-state-focused-right-icon-icon-vector-height: 16.6667px;
@@ -22343,9 +22343,9 @@ $comp-scw-link-base-state-focused-right-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-state-focused-right-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-state-focused-right-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-state-disabled-background-color: var( --scw-color-grey-095 );
+$comp-scw-link-base-state-disabled-background-color: var( --scw-color-grey-092 );
 $comp-scw-link-base-state-disabled-blend-mode: NORMAL;
-$comp-scw-link-base-state-disabled-stroke-color: var( --scw-color-grey-095 );
+$comp-scw-link-base-state-disabled-stroke-color: var( --scw-color-grey-092 );
 $comp-scw-link-base-state-disabled-stroke-weight: 1px;
 $comp-scw-link-base-state-disabled-stroke-align: OUTSIDE;
 $comp-scw-link-base-state-disabled-corner-radius-top-left: 8px;
@@ -22365,8 +22365,8 @@ $comp-scw-link-base-state-disabled-item-spacing: calc( var( --scw-spacing-1 ) *
 $comp-scw-link-base-state-disabled-layout-align: MIN;
 $comp-scw-link-base-state-disabled-layout-grow: 0;
 $comp-scw-link-base-state-disabled-top: var( --scw-spacing-2 );
-$comp-scw-link-base-state-disabled-top-percent: 10.99%;
-$comp-scw-link-base-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 30.4 );
+$comp-scw-link-base-state-disabled-top-percent: 8.81%;
+$comp-scw-link-base-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 39.4 );
 $comp-scw-link-base-state-disabled-left: calc( var( --scw-spacing-1 ) * 29.6 );
 $comp-scw-link-base-state-disabled-left-percent: 84.69%;
 $comp-scw-link-base-state-disabled-right: calc( var( --scw-spacing-1 ) * 2.4 );
@@ -22388,9 +22388,9 @@ $comp-scw-link-base-state-disabled-left-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-state-disabled-left-icon-item-spacing: 0px;
 $comp-scw-link-base-state-disabled-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-state-disabled-left-icon-layout-grow: 0;
-$comp-scw-link-base-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-state-disabled-left-icon-top-percent: 55%;
-$comp-scw-link-base-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-state-disabled-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-state-disabled-left-icon-top-percent: 50%;
+$comp-scw-link-base-state-disabled-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-state-disabled-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-state-disabled-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-state-disabled-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -22479,7 +22479,7 @@ $comp-scw-link-base-state-disabled-label-label-font-size: 1rem;
 $comp-scw-link-base-state-disabled-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-state-disabled-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-state-disabled-label-label-text-transform: none;
-$comp-scw-link-base-state-disabled-label-label-color: var( --scw-color-grey-08 );
+$comp-scw-link-base-state-disabled-label-label-color: var( --scw-color-grey-07 );
 $comp-scw-link-base-state-disabled-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-state-disabled-label-label-font-weight: 700;
 $comp-scw-link-base-state-disabled-label-label-line-height: 1.5rem;
@@ -22517,12 +22517,12 @@ $comp-scw-link-base-state-disabled-right-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-state-disabled-right-icon-item-spacing: 0px;
 $comp-scw-link-base-state-disabled-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-state-disabled-right-icon-layout-grow: 0;
-$comp-scw-link-base-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-state-disabled-right-icon-top-percent: 55%;
-$comp-scw-link-base-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-state-disabled-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-state-disabled-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-state-disabled-right-icon-top-percent: 50%;
+$comp-scw-link-base-state-disabled-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-state-disabled-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-state-disabled-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-state-disabled-right-icon-padding-left: 0px;
 $comp-scw-link-base-state-disabled-right-icon-padding-right: 0px;
 $comp-scw-link-base-state-disabled-right-icon-padding-top: 0px;
@@ -22577,9 +22577,9 @@ $comp-scw-link-base-state-disabled-right-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-state-disabled-right-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-state-disabled-right-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-state-disabled-background-color: var( --scw-color-grey-095 );
+$comp-scw-link-base-design-outline-state-disabled-background-color: var( --scw-color-grey-092 );
 $comp-scw-link-base-design-outline-state-disabled-blend-mode: NORMAL;
-$comp-scw-link-base-design-outline-state-disabled-stroke-color: var( --scw-color-grey-095 );
+$comp-scw-link-base-design-outline-state-disabled-stroke-color: var( --scw-color-grey-092 );
 $comp-scw-link-base-design-outline-state-disabled-stroke-weight: 1px;
 $comp-scw-link-base-design-outline-state-disabled-stroke-align: OUTSIDE;
 $comp-scw-link-base-design-outline-state-disabled-corner-radius-top-left: 8px;
@@ -22599,8 +22599,8 @@ $comp-scw-link-base-design-outline-state-disabled-item-spacing: calc( var( --scw
 $comp-scw-link-base-design-outline-state-disabled-layout-align: MIN;
 $comp-scw-link-base-design-outline-state-disabled-layout-grow: 0;
 $comp-scw-link-base-design-outline-state-disabled-top: var( --scw-spacing-8 );
-$comp-scw-link-base-design-outline-state-disabled-top-percent: 27.47%;
-$comp-scw-link-base-design-outline-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 24.4 );
+$comp-scw-link-base-design-outline-state-disabled-top-percent: 22.03%;
+$comp-scw-link-base-design-outline-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 33.4 );
 $comp-scw-link-base-design-outline-state-disabled-left: calc( var( --scw-spacing-1 ) * 29.6 );
 $comp-scw-link-base-design-outline-state-disabled-left-percent: 84.69%;
 $comp-scw-link-base-design-outline-state-disabled-right: calc( var( --scw-spacing-1 ) * 2.4 );
@@ -22622,9 +22622,9 @@ $comp-scw-link-base-design-outline-state-disabled-left-icon-counter-axis-align-i
 $comp-scw-link-base-design-outline-state-disabled-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-state-disabled-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-state-disabled-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-state-disabled-left-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-design-outline-state-disabled-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-disabled-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-state-disabled-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-design-outline-state-disabled-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-design-outline-state-disabled-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-design-outline-state-disabled-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -22713,7 +22713,7 @@ $comp-scw-link-base-design-outline-state-disabled-label-label-font-size: 1rem;
 $comp-scw-link-base-design-outline-state-disabled-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-outline-state-disabled-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-outline-state-disabled-label-label-text-transform: none;
-$comp-scw-link-base-design-outline-state-disabled-label-label-color: var( --scw-color-grey-08 );
+$comp-scw-link-base-design-outline-state-disabled-label-label-color: var( --scw-color-grey-07 );
 $comp-scw-link-base-design-outline-state-disabled-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-outline-state-disabled-label-label-font-weight: 700;
 $comp-scw-link-base-design-outline-state-disabled-label-label-line-height: 1.5rem;
@@ -22751,12 +22751,12 @@ $comp-scw-link-base-design-outline-state-disabled-right-icon-counter-axis-align-
 $comp-scw-link-base-design-outline-state-disabled-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-state-disabled-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-state-disabled-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-state-disabled-right-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-design-outline-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-design-outline-state-disabled-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-design-outline-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-design-outline-state-disabled-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-disabled-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-state-disabled-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-disabled-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-design-outline-state-disabled-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-design-outline-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-design-outline-state-disabled-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-outline-state-disabled-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-outline-state-disabled-right-icon-padding-top: 0px;
@@ -22813,7 +22813,7 @@ $comp-scw-link-base-design-outline-state-disabled-right-icon-icon-vector-padding
 $comp-scw-link-base-design-outline-background-color: var( --scw-color-grey-10 );
 $comp-scw-link-base-design-outline-blend-mode: NORMAL;
-$comp-scw-link-base-design-outline-stroke-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-stroke-color: var( --scw-color-grey-08 );
 $comp-scw-link-base-design-outline-stroke-weight: 1px;
 $comp-scw-link-base-design-outline-stroke-align: OUTSIDE;
 $comp-scw-link-base-design-outline-corner-radius-top-left: 8px;
@@ -22833,8 +22833,8 @@ $comp-scw-link-base-design-outline-item-spacing: calc( var( --scw-spacing-1 ) *
 $comp-scw-link-base-design-outline-layout-align: MIN;
 $comp-scw-link-base-design-outline-layout-grow: 0;
 $comp-scw-link-base-design-outline-top: var( --scw-spacing-8 );
-$comp-scw-link-base-design-outline-top-percent: 27.47%;
-$comp-scw-link-base-design-outline-bottom: calc( var( --scw-spacing-1 ) * 24.4 );
+$comp-scw-link-base-design-outline-top-percent: 22.03%;
+$comp-scw-link-base-design-outline-bottom: calc( var( --scw-spacing-1 ) * 33.4 );
 $comp-scw-link-base-design-outline-left: var( --scw-spacing-2 );
 $comp-scw-link-base-design-outline-left-percent: 14.29%;
 $comp-scw-link-base-design-outline-right: calc( var( --scw-spacing-1 ) * 30 );
@@ -22856,9 +22856,9 @@ $comp-scw-link-base-design-outline-left-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-design-outline-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-left-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-design-outline-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-design-outline-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-design-outline-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-design-outline-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -22892,7 +22892,7 @@ $comp-scw-link-base-design-outline-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-outline-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-outline-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-outline-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-outline-left-icon-icon-vector-height: 16.6667px;
@@ -22947,7 +22947,7 @@ $comp-scw-link-base-design-outline-label-label-font-size: 1rem;
 $comp-scw-link-base-design-outline-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-outline-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-outline-label-label-text-transform: none;
-$comp-scw-link-base-design-outline-label-label-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-label-label-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-outline-label-label-font-weight: 700;
 $comp-scw-link-base-design-outline-label-label-line-height: 1.5rem;
@@ -22985,12 +22985,12 @@ $comp-scw-link-base-design-outline-right-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-design-outline-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-right-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-design-outline-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-design-outline-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-design-outline-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-design-outline-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-design-outline-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-design-outline-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-design-outline-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-outline-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-outline-right-icon-padding-top: 0px;
@@ -23020,7 +23020,7 @@ $comp-scw-link-base-design-outline-right-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-outline-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-outline-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-outline-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-outline-right-icon-icon-vector-height: 16.6667px;
@@ -23047,7 +23047,7 @@ $comp-scw-link-base-design-outline-right-icon-icon-vector-padding-bottom: 0px;
 $comp-scw-link-base-design-outline-state-focused-background-color: var( --scw-color-grey-10 );
 $comp-scw-link-base-design-outline-state-focused-blend-mode: NORMAL;
-$comp-scw-link-base-design-outline-state-focused-stroke-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-state-focused-stroke-color: var( --scw-color-grey-08 );
 $comp-scw-link-base-design-outline-state-focused-stroke-weight: 1px;
 $comp-scw-link-base-design-outline-state-focused-stroke-align: OUTSIDE;
 $comp-scw-link-base-design-outline-state-focused-corner-radius-top-left: 8px;
@@ -23073,8 +23073,8 @@ $comp-scw-link-base-design-outline-state-focused-item-spacing: calc( var( --scw-
 $comp-scw-link-base-design-outline-state-focused-layout-align: MIN;
 $comp-scw-link-base-design-outline-state-focused-layout-grow: 0;
 $comp-scw-link-base-design-outline-state-focused-top: var( --scw-spacing-8 );
-$comp-scw-link-base-design-outline-state-focused-top-percent: 27.47%;
-$comp-scw-link-base-design-outline-state-focused-bottom: calc( var( --scw-spacing-1 ) * 24.4 );
+$comp-scw-link-base-design-outline-state-focused-top-percent: 22.03%;
+$comp-scw-link-base-design-outline-state-focused-bottom: calc( var( --scw-spacing-1 ) * 33.4 );
 $comp-scw-link-base-design-outline-state-focused-left: calc( var( --scw-spacing-1 ) * 20.4 );
 $comp-scw-link-base-design-outline-state-focused-left-percent: 61.22%;
 $comp-scw-link-base-design-outline-state-focused-right: calc( var( --scw-spacing-1 ) * 11.6 );
@@ -23096,9 +23096,9 @@ $comp-scw-link-base-design-outline-state-focused-left-icon-counter-axis-align-it
 $comp-scw-link-base-design-outline-state-focused-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-state-focused-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-state-focused-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-state-focused-left-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-design-outline-state-focused-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-focused-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-state-focused-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-design-outline-state-focused-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-design-outline-state-focused-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-design-outline-state-focused-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -23132,7 +23132,7 @@ $comp-scw-link-base-design-outline-state-focused-left-icon-icon-padding-right: 0
 $comp-scw-link-base-design-outline-state-focused-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-focused-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-height: 16.6667px;
@@ -23187,7 +23187,7 @@ $comp-scw-link-base-design-outline-state-focused-label-label-font-size: 1rem;
 $comp-scw-link-base-design-outline-state-focused-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-outline-state-focused-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-outline-state-focused-label-label-text-transform: none;
-$comp-scw-link-base-design-outline-state-focused-label-label-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-state-focused-label-label-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-state-focused-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-outline-state-focused-label-label-font-weight: 700;
 $comp-scw-link-base-design-outline-state-focused-label-label-line-height: 1.5rem;
@@ -23225,12 +23225,12 @@ $comp-scw-link-base-design-outline-state-focused-right-icon-counter-axis-align-i
 $comp-scw-link-base-design-outline-state-focused-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-state-focused-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-state-focused-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-state-focused-right-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-design-outline-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-design-outline-state-focused-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-design-outline-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-design-outline-state-focused-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-focused-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-state-focused-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-focused-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-design-outline-state-focused-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-design-outline-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-design-outline-state-focused-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-outline-state-focused-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-outline-state-focused-right-icon-padding-top: 0px;
@@ -23260,7 +23260,7 @@ $comp-scw-link-base-design-outline-state-focused-right-icon-icon-padding-right:
 $comp-scw-link-base-design-outline-state-focused-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-focused-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-height: 16.6667px;
@@ -23285,9 +23285,9 @@ $comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-padding-
 $comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-focused-right-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-state-hover-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-state-hover-background-color: var( --scw-color-grey-092 );
 $comp-scw-link-base-design-outline-state-hover-blend-mode: NORMAL;
-$comp-scw-link-base-design-outline-state-hover-stroke-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-design-outline-state-hover-stroke-color: var( --scw-color-grey-08 );
 $comp-scw-link-base-design-outline-state-hover-stroke-weight: 1px;
 $comp-scw-link-base-design-outline-state-hover-stroke-align: OUTSIDE;
 $comp-scw-link-base-design-outline-state-hover-corner-radius-top-left: 8px;
@@ -23307,8 +23307,8 @@ $comp-scw-link-base-design-outline-state-hover-item-spacing: calc( var( --scw-sp
 $comp-scw-link-base-design-outline-state-hover-layout-align: MIN;
 $comp-scw-link-base-design-outline-state-hover-layout-grow: 0;
 $comp-scw-link-base-design-outline-state-hover-top: var( --scw-spacing-8 );
-$comp-scw-link-base-design-outline-state-hover-top-percent: 27.47%;
-$comp-scw-link-base-design-outline-state-hover-bottom: calc( var( --scw-spacing-1 ) * 24.4 );
+$comp-scw-link-base-design-outline-state-hover-top-percent: 22.03%;
+$comp-scw-link-base-design-outline-state-hover-bottom: calc( var( --scw-spacing-1 ) * 33.4 );
 $comp-scw-link-base-design-outline-state-hover-left: calc( var( --scw-spacing-1 ) * 11.2 );
 $comp-scw-link-base-design-outline-state-hover-left-percent: 37.76%;
 $comp-scw-link-base-design-outline-state-hover-right: calc( var( --scw-spacing-1 ) * 20.8 );
@@ -23330,9 +23330,9 @@ $comp-scw-link-base-design-outline-state-hover-left-icon-counter-axis-align-item
 $comp-scw-link-base-design-outline-state-hover-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-state-hover-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-state-hover-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-state-hover-left-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
+$comp-scw-link-base-design-outline-state-hover-left-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-hover-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-state-hover-left-icon-bottom: var( --scw-spacing-1 );
 $comp-scw-link-base-design-outline-state-hover-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
 $comp-scw-link-base-design-outline-state-hover-left-icon-left-percent: 36.11%;
 $comp-scw-link-base-design-outline-state-hover-left-icon-right: calc( var( --scw-spacing-1 ) * 3.6 );
@@ -23366,7 +23366,7 @@ $comp-scw-link-base-design-outline-state-hover-left-icon-icon-padding-right: 0px
 $comp-scw-link-base-design-outline-state-hover-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-hover-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-height: 16.6667px;
@@ -23421,7 +23421,7 @@ $comp-scw-link-base-design-outline-state-hover-label-label-font-size: 1rem;
 $comp-scw-link-base-design-outline-state-hover-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-outline-state-hover-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-outline-state-hover-label-label-text-transform: none;
-$comp-scw-link-base-design-outline-state-hover-label-label-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-design-outline-state-hover-label-label-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-state-hover-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-outline-state-hover-label-label-font-weight: 700;
 $comp-scw-link-base-design-outline-state-hover-label-label-line-height: 1.5rem;
@@ -23459,12 +23459,12 @@ $comp-scw-link-base-design-outline-state-hover-right-icon-counter-axis-align-ite
 $comp-scw-link-base-design-outline-state-hover-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-outline-state-hover-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-outline-state-hover-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-outline-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-outline-state-hover-right-icon-top-percent: 55%;
-$comp-scw-link-base-design-outline-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.8 );
-$comp-scw-link-base-design-outline-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 8.4 );
-$comp-scw-link-base-design-outline-state-hover-right-icon-left-percent: 130.56%;
-$comp-scw-link-base-design-outline-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -3.2 );
+$comp-scw-link-base-design-outline-state-hover-right-icon-top: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-hover-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-outline-state-hover-right-icon-bottom: var( --scw-spacing-1 );
+$comp-scw-link-base-design-outline-state-hover-right-icon-left: var( --scw-spacing-6 );
+$comp-scw-link-base-design-outline-state-hover-right-icon-left-percent: 97.22%;
+$comp-scw-link-base-design-outline-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -0.8 );
 $comp-scw-link-base-design-outline-state-hover-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-outline-state-hover-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-outline-state-hover-right-icon-padding-top: 0px;
@@ -23494,7 +23494,7 @@ $comp-scw-link-base-design-outline-state-hover-right-icon-icon-padding-right: 0p
 $comp-scw-link-base-design-outline-state-hover-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-hover-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-outline-state-hover-right-icon-icon-vector-height: 16.6667px;
@@ -23536,8 +23536,8 @@ $comp-scw-link-base-design-block-link-item-spacing: calc( var( --scw-spacing-1 )
 $comp-scw-link-base-design-block-link-layout-align: MIN;
 $comp-scw-link-base-design-block-link-layout-grow: 0;
 $comp-scw-link-base-design-block-link-top: calc( var( --scw-spacing-1 ) * 14 );
-$comp-scw-link-base-design-block-link-top-percent: 43.68%;
-$comp-scw-link-base-design-block-link-bottom: calc( var( --scw-spacing-1 ) * 18.6 );
+$comp-scw-link-base-design-block-link-top-percent: 35.02%;
+$comp-scw-link-base-design-block-link-bottom: calc( var( --scw-spacing-1 ) * 27.6 );
 $comp-scw-link-base-design-block-link-left: calc( var( --scw-spacing-1 ) * 3.65 );
 $comp-scw-link-base-design-block-link-left-percent: 14.29%;
 $comp-scw-link-base-design-block-link-right: calc( var( --scw-spacing-1 ) * 31.65 );
@@ -23559,9 +23559,9 @@ $comp-scw-link-base-design-block-link-left-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-design-block-link-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-left-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
+$comp-scw-link-base-design-block-link-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 $comp-scw-link-base-design-block-link-left-icon-left: 0px;
 $comp-scw-link-base-design-block-link-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-block-link-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -23595,7 +23595,7 @@ $comp-scw-link-base-design-block-link-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-block-link-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-block-link-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-left-icon-icon-vector-height: 16.6667px;
@@ -23650,7 +23650,7 @@ $comp-scw-link-base-design-block-link-label-label-font-size: 1rem;
 $comp-scw-link-base-design-block-link-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-block-link-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-block-link-label-label-text-transform: none;
-$comp-scw-link-base-design-block-link-label-label-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-label-label-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-block-link-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-block-link-label-label-font-weight: 400;
 $comp-scw-link-base-design-block-link-label-label-line-height: 1.25rem;
@@ -23688,12 +23688,12 @@ $comp-scw-link-base-design-block-link-right-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-design-block-link-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-right-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
-$comp-scw-link-base-design-block-link-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );
-$comp-scw-link-base-design-block-link-right-icon-left-percent: 197.44%;
-$comp-scw-link-base-design-block-link-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );
+$comp-scw-link-base-design-block-link-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );
+$comp-scw-link-base-design-block-link-right-icon-left-percent: 135.9%;
+$comp-scw-link-base-design-block-link-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );
 $comp-scw-link-base-design-block-link-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-block-link-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-block-link-right-icon-padding-top: 0px;
@@ -23723,7 +23723,7 @@ $comp-scw-link-base-design-block-link-right-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-block-link-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-block-link-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-right-icon-icon-vector-height: 16.6667px;
@@ -23765,8 +23765,8 @@ $comp-scw-link-base-design-block-link-state-hover-item-spacing: calc( var( --scw
 $comp-scw-link-base-design-block-link-state-hover-layout-align: MIN;
 $comp-scw-link-base-design-block-link-state-hover-layout-grow: 0;
 $comp-scw-link-base-design-block-link-state-hover-top: calc( var( --scw-spacing-1 ) * 14 );
-$comp-scw-link-base-design-block-link-state-hover-top-percent: 43.68%;
-$comp-scw-link-base-design-block-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 18.6 );
+$comp-scw-link-base-design-block-link-state-hover-top-percent: 35.02%;
+$comp-scw-link-base-design-block-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 27.6 );
 $comp-scw-link-base-design-block-link-state-hover-left: calc( var( --scw-spacing-1 ) * 12.8 );
 $comp-scw-link-base-design-block-link-state-hover-left-percent: 37.63%;
 $comp-scw-link-base-design-block-link-state-hover-right: calc( var( --scw-spacing-1 ) * 22.5 );
@@ -23788,9 +23788,9 @@ $comp-scw-link-base-design-block-link-state-hover-left-icon-counter-axis-align-i
 $comp-scw-link-base-design-block-link-state-hover-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-state-hover-left-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
+$comp-scw-link-base-design-block-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-hover-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 $comp-scw-link-base-design-block-link-state-hover-left-icon-left: 0px;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -23824,7 +23824,7 @@ $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-padding-right:
 $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-height: 16.6667px;
@@ -23879,7 +23879,7 @@ $comp-scw-link-base-design-block-link-state-hover-label-label-font-size: 1rem;
 $comp-scw-link-base-design-block-link-state-hover-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-block-link-state-hover-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-block-link-state-hover-label-label-text-transform: none;
-$comp-scw-link-base-design-block-link-state-hover-label-label-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-design-block-link-state-hover-label-label-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-block-link-state-hover-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-block-link-state-hover-label-label-font-weight: 400;
 $comp-scw-link-base-design-block-link-state-hover-label-label-line-height: 1.25rem;
@@ -23917,12 +23917,12 @@ $comp-scw-link-base-design-block-link-state-hover-right-icon-counter-axis-align-
 $comp-scw-link-base-design-block-link-state-hover-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-state-hover-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-state-hover-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-state-hover-right-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
-$comp-scw-link-base-design-block-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );
-$comp-scw-link-base-design-block-link-state-hover-right-icon-left-percent: 197.44%;
-$comp-scw-link-base-design-block-link-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );
+$comp-scw-link-base-design-block-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-hover-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );
+$comp-scw-link-base-design-block-link-state-hover-right-icon-left-percent: 135.9%;
+$comp-scw-link-base-design-block-link-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );
 $comp-scw-link-base-design-block-link-state-hover-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-block-link-state-hover-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-block-link-state-hover-right-icon-padding-top: 0px;
@@ -23952,7 +23952,7 @@ $comp-scw-link-base-design-block-link-state-hover-right-icon-icon-padding-right:
 $comp-scw-link-base-design-block-link-state-hover-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-hover-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-state-hover-right-icon-icon-vector-height: 16.6667px;
@@ -23994,8 +23994,8 @@ $comp-scw-link-base-design-block-link-state-disabled-item-spacing: calc( var( --
 $comp-scw-link-base-design-block-link-state-disabled-layout-align: MIN;
 $comp-scw-link-base-design-block-link-state-disabled-layout-grow: 0;
 $comp-scw-link-base-design-block-link-state-disabled-top: calc( var( --scw-spacing-1 ) * 14 );
-$comp-scw-link-base-design-block-link-state-disabled-top-percent: 43.68%;
-$comp-scw-link-base-design-block-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 18.6 );
+$comp-scw-link-base-design-block-link-state-disabled-top-percent: 35.02%;
+$comp-scw-link-base-design-block-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 27.6 );
 $comp-scw-link-base-design-block-link-state-disabled-left: calc( var( --scw-spacing-1 ) * 31.3 );
 $comp-scw-link-base-design-block-link-state-disabled-left-percent: 84.82%;
 $comp-scw-link-base-design-block-link-state-disabled-right: var( --scw-spacing-4 );
@@ -24017,9 +24017,9 @@ $comp-scw-link-base-design-block-link-state-disabled-left-icon-counter-axis-alig
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-state-disabled-left-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
+$comp-scw-link-base-design-block-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-disabled-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-left: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -24053,7 +24053,7 @@ $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-padding-righ
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-grey-08 );
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-height: 16.6667px;
@@ -24146,12 +24146,12 @@ $comp-scw-link-base-design-block-link-state-disabled-right-icon-counter-axis-ali
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-state-disabled-right-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
-$comp-scw-link-base-design-block-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );
-$comp-scw-link-base-design-block-link-state-disabled-right-icon-left-percent: 197.44%;
-$comp-scw-link-base-design-block-link-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );
+$comp-scw-link-base-design-block-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-disabled-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );
+$comp-scw-link-base-design-block-link-state-disabled-right-icon-left-percent: 135.9%;
+$comp-scw-link-base-design-block-link-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-padding-top: 0px;
@@ -24181,7 +24181,7 @@ $comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-padding-rig
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-grey-08 );
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-state-disabled-right-icon-icon-vector-height: 16.6667px;
@@ -24234,8 +24234,8 @@ $comp-scw-link-base-design-block-link-state-focused-item-spacing: calc( var( --s
 $comp-scw-link-base-design-block-link-state-focused-layout-align: MIN;
 $comp-scw-link-base-design-block-link-state-focused-layout-grow: 0;
 $comp-scw-link-base-design-block-link-state-focused-top: calc( var( --scw-spacing-1 ) * 14 );
-$comp-scw-link-base-design-block-link-state-focused-top-percent: 43.68%;
-$comp-scw-link-base-design-block-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 18.6 );
+$comp-scw-link-base-design-block-link-state-focused-top-percent: 35.02%;
+$comp-scw-link-base-design-block-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 27.6 );
 $comp-scw-link-base-design-block-link-state-focused-left: calc( var( --scw-spacing-1 ) * 21.9 );
 $comp-scw-link-base-design-block-link-state-focused-left-percent: 60.84%;
 $comp-scw-link-base-design-block-link-state-focused-right: calc( var( --scw-spacing-1 ) * 13.4 );
@@ -24257,9 +24257,9 @@ $comp-scw-link-base-design-block-link-state-focused-left-icon-counter-axis-align
 $comp-scw-link-base-design-block-link-state-focused-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-state-focused-left-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
+$comp-scw-link-base-design-block-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-focused-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
 $comp-scw-link-base-design-block-link-state-focused-left-icon-left: 0px;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -24293,7 +24293,7 @@ $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-padding-right
 $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-height: 16.6667px;
@@ -24348,7 +24348,7 @@ $comp-scw-link-base-design-block-link-state-focused-label-label-font-size: 1rem;
 $comp-scw-link-base-design-block-link-state-focused-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-block-link-state-focused-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-block-link-state-focused-label-label-text-transform: none;
-$comp-scw-link-base-design-block-link-state-focused-label-label-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-design-block-link-state-focused-label-label-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-block-link-state-focused-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-block-link-state-focused-label-label-font-weight: 400;
 $comp-scw-link-base-design-block-link-state-focused-label-label-line-height: 1.25rem;
@@ -24386,12 +24386,12 @@ $comp-scw-link-base-design-block-link-state-focused-right-icon-counter-axis-alig
 $comp-scw-link-base-design-block-link-state-focused-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-block-link-state-focused-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-block-link-state-focused-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-block-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 1.2 );
-$comp-scw-link-base-design-block-link-state-focused-right-icon-top-percent: 57.89%;
-$comp-scw-link-base-design-block-link-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.6 );
-$comp-scw-link-base-design-block-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 6.7 );
-$comp-scw-link-base-design-block-link-state-focused-right-icon-left-percent: 197.44%;
-$comp-scw-link-base-design-block-link-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -4.8 );
+$comp-scw-link-base-design-block-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-focused-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-block-link-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-link-base-design-block-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 4.3 );
+$comp-scw-link-base-design-block-link-state-focused-right-icon-left-percent: 135.9%;
+$comp-scw-link-base-design-block-link-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -2.4 );
 $comp-scw-link-base-design-block-link-state-focused-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-block-link-state-focused-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-block-link-state-focused-right-icon-padding-top: 0px;
@@ -24421,7 +24421,7 @@ $comp-scw-link-base-design-block-link-state-focused-right-icon-icon-padding-righ
 $comp-scw-link-base-design-block-link-state-focused-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-focused-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-block-link-state-focused-right-icon-icon-vector-height: 16.6667px;
@@ -24463,8 +24463,8 @@ $comp-scw-link-base-design-link-item-spacing: calc( var( --scw-spacing-1 ) * 0.2
 $comp-scw-link-base-design-link-layout-align: MIN;
 $comp-scw-link-base-design-link-layout-grow: 0;
 $comp-scw-link-base-design-link-top: calc( var( --scw-spacing-1 ) * 20.4 );
-$comp-scw-link-base-design-link-top-percent: 59.07%;
-$comp-scw-link-base-design-link-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
+$comp-scw-link-base-design-link-top-percent: 47.36%;
+$comp-scw-link-base-design-link-bottom: calc( var( --scw-spacing-1 ) * 22.8 );
 $comp-scw-link-base-design-link-left: calc( var( --scw-spacing-1 ) * 3.65 );
 $comp-scw-link-base-design-link-left-percent: 14.29%;
 $comp-scw-link-base-design-link-right: calc( var( --scw-spacing-1 ) * 31.65 );
@@ -24486,9 +24486,9 @@ $comp-scw-link-base-design-link-left-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-design-link-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-left-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-left-icon-bottom: 0px;
+$comp-scw-link-base-design-link-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
 $comp-scw-link-base-design-link-left-icon-left: 0px;
 $comp-scw-link-base-design-link-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-link-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -24522,7 +24522,7 @@ $comp-scw-link-base-design-link-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-left-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-link-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-left-icon-icon-vector-height: 16.6667px;
@@ -24577,7 +24577,7 @@ $comp-scw-link-base-design-link-label-label-font-size: 1rem;
 $comp-scw-link-base-design-link-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-link-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-link-label-label-text-transform: none;
-$comp-scw-link-base-design-link-label-label-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-label-label-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-link-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-link-label-label-font-weight: 400;
 $comp-scw-link-base-design-link-label-label-line-height: 1.25rem;
@@ -24615,12 +24615,12 @@ $comp-scw-link-base-design-link-right-icon-counter-axis-align-items: MIN;
 $comp-scw-link-base-design-link-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-right-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-right-icon-bottom: 0px;
-$comp-scw-link-base-design-link-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );
-$comp-scw-link-base-design-link-right-icon-left-percent: 176.92%;
-$comp-scw-link-base-design-link-right-icon-right: var( --scw-spacing--4 );
+$comp-scw-link-base-design-link-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );
+$comp-scw-link-base-design-link-right-icon-left-percent: 130.77%;
+$comp-scw-link-base-design-link-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );
 $comp-scw-link-base-design-link-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-link-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-right-icon-padding-top: 0px;
@@ -24650,7 +24650,7 @@ $comp-scw-link-base-design-link-right-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-link-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-right-icon-icon-vector-height: 16.6667px;
@@ -24692,8 +24692,8 @@ $comp-scw-link-base-design-link-state-hover-item-spacing: calc( var( --scw-spaci
 $comp-scw-link-base-design-link-state-hover-layout-align: MIN;
 $comp-scw-link-base-design-link-state-hover-layout-grow: 0;
 $comp-scw-link-base-design-link-state-hover-top: calc( var( --scw-spacing-1 ) * 20.5 );
-$comp-scw-link-base-design-link-state-hover-top-percent: 59.34%;
-$comp-scw-link-base-design-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 13.7 );
+$comp-scw-link-base-design-link-state-hover-top-percent: 47.58%;
+$comp-scw-link-base-design-link-state-hover-bottom: calc( var( --scw-spacing-1 ) * 22.7 );
 $comp-scw-link-base-design-link-state-hover-left: calc( var( --scw-spacing-1 ) * 12.9 );
 $comp-scw-link-base-design-link-state-hover-left-percent: 37.88%;
 $comp-scw-link-base-design-link-state-hover-right: calc( var( --scw-spacing-1 ) * 22.4 );
@@ -24715,9 +24715,9 @@ $comp-scw-link-base-design-link-state-hover-left-icon-counter-axis-align-items:
 $comp-scw-link-base-design-link-state-hover-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-state-hover-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-state-hover-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-state-hover-left-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-state-hover-left-icon-bottom: 0px;
+$comp-scw-link-base-design-link-state-hover-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-hover-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-state-hover-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
 $comp-scw-link-base-design-link-state-hover-left-icon-left: 0px;
 $comp-scw-link-base-design-link-state-hover-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-link-state-hover-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -24751,7 +24751,7 @@ $comp-scw-link-base-design-link-state-hover-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-state-hover-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-state-hover-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-height: 16.6667px;
@@ -24806,7 +24806,7 @@ $comp-scw-link-base-design-link-state-hover-label-label-font-size: 1rem;
 $comp-scw-link-base-design-link-state-hover-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-link-state-hover-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-link-state-hover-label-label-text-transform: none;
-$comp-scw-link-base-design-link-state-hover-label-label-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-design-link-state-hover-label-label-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-link-state-hover-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-link-state-hover-label-label-font-weight: 400;
 $comp-scw-link-base-design-link-state-hover-label-label-line-height: 1.25rem;
@@ -24844,12 +24844,12 @@ $comp-scw-link-base-design-link-state-hover-right-icon-counter-axis-align-items:
 $comp-scw-link-base-design-link-state-hover-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-state-hover-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-state-hover-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-state-hover-right-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-state-hover-right-icon-bottom: 0px;
-$comp-scw-link-base-design-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );
-$comp-scw-link-base-design-link-state-hover-right-icon-left-percent: 176.92%;
-$comp-scw-link-base-design-link-state-hover-right-icon-right: var( --scw-spacing--4 );
+$comp-scw-link-base-design-link-state-hover-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-hover-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-state-hover-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-hover-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );
+$comp-scw-link-base-design-link-state-hover-right-icon-left-percent: 130.77%;
+$comp-scw-link-base-design-link-state-hover-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );
 $comp-scw-link-base-design-link-state-hover-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-link-state-hover-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-state-hover-right-icon-padding-top: 0px;
@@ -24879,7 +24879,7 @@ $comp-scw-link-base-design-link-state-hover-right-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-state-hover-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-state-hover-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-state-hover-right-icon-icon-vector-background-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-link-state-hover-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-state-hover-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-state-hover-right-icon-icon-vector-height: 16.6667px;
@@ -24921,8 +24921,8 @@ $comp-scw-link-base-design-link-state-disabled-item-spacing: calc( var( --scw-sp
 $comp-scw-link-base-design-link-state-disabled-layout-align: MIN;
 $comp-scw-link-base-design-link-state-disabled-layout-grow: 0;
 $comp-scw-link-base-design-link-state-disabled-top: calc( var( --scw-spacing-1 ) * 20.4 );
-$comp-scw-link-base-design-link-state-disabled-top-percent: 59.07%;
-$comp-scw-link-base-design-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 13.8 );
+$comp-scw-link-base-design-link-state-disabled-top-percent: 47.36%;
+$comp-scw-link-base-design-link-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 22.8 );
 $comp-scw-link-base-design-link-state-disabled-left: calc( var( --scw-spacing-1 ) * 31.3 );
 $comp-scw-link-base-design-link-state-disabled-left-percent: 84.82%;
 $comp-scw-link-base-design-link-state-disabled-right: var( --scw-spacing-4 );
@@ -24944,9 +24944,9 @@ $comp-scw-link-base-design-link-state-disabled-left-icon-counter-axis-align-item
 $comp-scw-link-base-design-link-state-disabled-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-state-disabled-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-state-disabled-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-state-disabled-left-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-state-disabled-left-icon-bottom: 0px;
+$comp-scw-link-base-design-link-state-disabled-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-disabled-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-state-disabled-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
 $comp-scw-link-base-design-link-state-disabled-left-icon-left: 0px;
 $comp-scw-link-base-design-link-state-disabled-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-link-state-disabled-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -24980,7 +24980,7 @@ $comp-scw-link-base-design-link-state-disabled-left-icon-icon-padding-right: 0px
 $comp-scw-link-base-design-link-state-disabled-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-state-disabled-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-background-color: var( --scw-color-grey-08 );
 $comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-height: 16.6667px;
@@ -25073,12 +25073,12 @@ $comp-scw-link-base-design-link-state-disabled-right-icon-counter-axis-align-ite
 $comp-scw-link-base-design-link-state-disabled-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-state-disabled-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-state-disabled-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-state-disabled-right-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-state-disabled-right-icon-bottom: 0px;
-$comp-scw-link-base-design-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );
-$comp-scw-link-base-design-link-state-disabled-right-icon-left-percent: 176.92%;
-$comp-scw-link-base-design-link-state-disabled-right-icon-right: var( --scw-spacing--4 );
+$comp-scw-link-base-design-link-state-disabled-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-disabled-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-state-disabled-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-disabled-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );
+$comp-scw-link-base-design-link-state-disabled-right-icon-left-percent: 130.77%;
+$comp-scw-link-base-design-link-state-disabled-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );
 $comp-scw-link-base-design-link-state-disabled-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-link-state-disabled-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-state-disabled-right-icon-padding-top: 0px;
@@ -25108,7 +25108,7 @@ $comp-scw-link-base-design-link-state-disabled-right-icon-icon-padding-right: 0p
 $comp-scw-link-base-design-link-state-disabled-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-state-disabled-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector-background-color: var( --scw-color-grey-08 );
 $comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-state-disabled-right-icon-icon-vector-height: 16.6667px;
@@ -25161,8 +25161,8 @@ $comp-scw-link-base-design-link-state-focused-item-spacing: calc( var( --scw-spa
 $comp-scw-link-base-design-link-state-focused-layout-align: MIN;
 $comp-scw-link-base-design-link-state-focused-layout-grow: 0;
 $comp-scw-link-base-design-link-state-focused-top: calc( var( --scw-spacing-1 ) * 20.6 );
-$comp-scw-link-base-design-link-state-focused-top-percent: 59.62%;
-$comp-scw-link-base-design-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 13.6 );
+$comp-scw-link-base-design-link-state-focused-top-percent: 47.8%;
+$comp-scw-link-base-design-link-state-focused-bottom: calc( var( --scw-spacing-1 ) * 22.6 );
 $comp-scw-link-base-design-link-state-focused-left: calc( var( --scw-spacing-1 ) * 22.1 );
 $comp-scw-link-base-design-link-state-focused-left-percent: 61.35%;
 $comp-scw-link-base-design-link-state-focused-right: calc( var( --scw-spacing-1 ) * 13.2 );
@@ -25184,9 +25184,9 @@ $comp-scw-link-base-design-link-state-focused-left-icon-counter-axis-align-items
 $comp-scw-link-base-design-link-state-focused-left-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-state-focused-left-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-state-focused-left-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-state-focused-left-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-state-focused-left-icon-bottom: 0px;
+$comp-scw-link-base-design-link-state-focused-left-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-focused-left-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-state-focused-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
 $comp-scw-link-base-design-link-state-focused-left-icon-left: 0px;
 $comp-scw-link-base-design-link-state-focused-left-icon-left-percent: 25.64%;
 $comp-scw-link-base-design-link-state-focused-left-icon-right: calc( var( --scw-spacing-1 ) * 1.9 );
@@ -25220,7 +25220,7 @@ $comp-scw-link-base-design-link-state-focused-left-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-state-focused-left-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-state-focused-left-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-background-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-height: 16.6667px;
@@ -25275,7 +25275,7 @@ $comp-scw-link-base-design-link-state-focused-label-label-font-size: 1rem;
 $comp-scw-link-base-design-link-state-focused-label-label-text-align-horizontal: LEFT;
 $comp-scw-link-base-design-link-state-focused-label-label-text-align-vertical: CENTER;
 $comp-scw-link-base-design-link-state-focused-label-label-text-transform: none;
-$comp-scw-link-base-design-link-state-focused-label-label-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-design-link-state-focused-label-label-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-link-state-focused-label-label-font-family: 'Proxima Nova';
 $comp-scw-link-base-design-link-state-focused-label-label-font-weight: 400;
 $comp-scw-link-base-design-link-state-focused-label-label-line-height: 1.25rem;
@@ -25313,12 +25313,12 @@ $comp-scw-link-base-design-link-state-focused-right-icon-counter-axis-align-item
 $comp-scw-link-base-design-link-state-focused-right-icon-item-spacing: 0px;
 $comp-scw-link-base-design-link-state-focused-right-icon-layout-align: INHERIT;
 $comp-scw-link-base-design-link-state-focused-right-icon-layout-grow: 0;
-$comp-scw-link-base-design-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 0.2 );
-$comp-scw-link-base-design-link-state-focused-right-icon-top-percent: 54.55%;
-$comp-scw-link-base-design-link-state-focused-right-icon-bottom: 0px;
-$comp-scw-link-base-design-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 5.9 );
-$comp-scw-link-base-design-link-state-focused-right-icon-left-percent: 176.92%;
-$comp-scw-link-base-design-link-state-focused-right-icon-right: var( --scw-spacing--4 );
+$comp-scw-link-base-design-link-state-focused-right-icon-top: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-focused-right-icon-top-percent: 50%;
+$comp-scw-link-base-design-link-state-focused-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.1 );
+$comp-scw-link-base-design-link-state-focused-right-icon-left: calc( var( --scw-spacing-1 ) * 4.1 );
+$comp-scw-link-base-design-link-state-focused-right-icon-left-percent: 130.77%;
+$comp-scw-link-base-design-link-state-focused-right-icon-right: calc( var( --scw-spacing-1 ) * -2.2 );
 $comp-scw-link-base-design-link-state-focused-right-icon-padding-left: 0px;
 $comp-scw-link-base-design-link-state-focused-right-icon-padding-right: 0px;
 $comp-scw-link-base-design-link-state-focused-right-icon-padding-top: 0px;
@@ -25348,7 +25348,7 @@ $comp-scw-link-base-design-link-state-focused-right-icon-icon-padding-right: 0px
 $comp-scw-link-base-design-link-state-focused-right-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-link-state-focused-right-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-width: 16.667px;
 $comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-height: 16.6667px;
@@ -25373,9 +25373,9 @@ $comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-padding-rig
 $comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-link-state-focused-right-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-solid-icon-background-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-design-solid-icon-blend-mode: NORMAL;
-$comp-scw-link-base-design-solid-icon-stroke-color: var( --scw-color-primary );
+$comp-scw-link-base-design-solid-icon-stroke-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-design-solid-icon-stroke-weight: 1px;
 $comp-scw-link-base-design-solid-icon-stroke-align: OUTSIDE;
 $comp-scw-link-base-design-solid-icon-corner-radius-top-left: 8px;
@@ -25395,8 +25395,8 @@ $comp-scw-link-base-design-solid-icon-item-spacing: calc( var( --scw-spacing-1 )
 $comp-scw-link-base-design-solid-icon-layout-align: MIN;
 $comp-scw-link-base-design-solid-icon-layout-grow: 0;
 $comp-scw-link-base-design-solid-icon-top: calc( var( --scw-spacing-1 ) * 24.8 );
-$comp-scw-link-base-design-solid-icon-top-percent: 73.35%;
-$comp-scw-link-base-design-solid-icon-bottom: calc( var( --scw-spacing-1 ) * 7.8 );
+$comp-scw-link-base-design-solid-icon-top-percent: 58.81%;
+$comp-scw-link-base-design-solid-icon-bottom: calc( var( --scw-spacing-1 ) * 16.8 );
 $comp-scw-link-base-design-solid-icon-left: calc( var( --scw-spacing-1 ) * 3.7 );
 $comp-scw-link-base-design-solid-icon-left-percent: 14.29%;
 $comp-scw-link-base-design-solid-icon-right: calc( var( --scw-spacing-1 ) * 31.7 );
@@ -25453,7 +25453,7 @@ $comp-scw-link-base-design-solid-icon-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-solid-icon-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-solid-icon-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-design-solid-icon-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-design-solid-icon-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-solid-icon-icon-icon-vector-width: 21.667px;
 $comp-scw-link-base-design-solid-icon-icon-icon-vector-height: 21.6667px;
@@ -25478,7 +25478,7 @@ $comp-scw-link-base-design-solid-icon-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-design-solid-icon-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-solid-icon-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-state-disabled-background-color: var( --scw-color-grey-095 );
+$comp-scw-link-base-design-solid-icon-state-disabled-background-color: var( --scw-color-grey-092 );
 $comp-scw-link-base-design-solid-icon-state-disabled-blend-mode: NORMAL;
 $comp-scw-link-base-design-solid-icon-state-disabled-stroke-color: var( --scw-color-grey-095 );
 $comp-scw-link-base-design-solid-icon-state-disabled-stroke-weight: 1px;
@@ -25500,8 +25500,8 @@ $comp-scw-link-base-design-solid-icon-state-disabled-item-spacing: calc( var( --
 $comp-scw-link-base-design-solid-icon-state-disabled-layout-align: MIN;
 $comp-scw-link-base-design-solid-icon-state-disabled-layout-grow: 0;
 $comp-scw-link-base-design-solid-icon-state-disabled-top: calc( var( --scw-spacing-1 ) * 24.8 );
-$comp-scw-link-base-design-solid-icon-state-disabled-top-percent: 73.35%;
-$comp-scw-link-base-design-solid-icon-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 7.8 );
+$comp-scw-link-base-design-solid-icon-state-disabled-top-percent: 58.81%;
+$comp-scw-link-base-design-solid-icon-state-disabled-bottom: calc( var( --scw-spacing-1 ) * 16.8 );
 $comp-scw-link-base-design-solid-icon-state-disabled-left: calc( var( --scw-spacing-1 ) * 31.4 );
 $comp-scw-link-base-design-solid-icon-state-disabled-left-percent: 84.95%;
 $comp-scw-link-base-design-solid-icon-state-disabled-right: var( --scw-spacing-4 );
@@ -25558,7 +25558,7 @@ $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-padding-right: 0p
 $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-background-color: var( --scw-color-grey-08 );
+$comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-background-color: var( --scw-color-grey-07 );
 $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-width: 21.667px;
 $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-height: 21.6667px;
@@ -25583,9 +25583,9 @@ $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-padding-ri
 $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-solid-icon-state-disabled-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-state-hover-background-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-design-solid-icon-state-hover-background-color: var( --scw-color-primary-06 );
 $comp-scw-link-base-design-solid-icon-state-hover-blend-mode: NORMAL;
-$comp-scw-link-base-design-solid-icon-state-hover-stroke-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-design-solid-icon-state-hover-stroke-color: var( --scw-color-primary-06 );
 $comp-scw-link-base-design-solid-icon-state-hover-stroke-weight: 1px;
 $comp-scw-link-base-design-solid-icon-state-hover-stroke-align: OUTSIDE;
 $comp-scw-link-base-design-solid-icon-state-hover-corner-radius-top-left: 8px;
@@ -25605,8 +25605,8 @@ $comp-scw-link-base-design-solid-icon-state-hover-item-spacing: calc( var( --scw
 $comp-scw-link-base-design-solid-icon-state-hover-layout-align: MIN;
 $comp-scw-link-base-design-solid-icon-state-hover-layout-grow: 0;
 $comp-scw-link-base-design-solid-icon-state-hover-top: calc( var( --scw-spacing-1 ) * 24.8 );
-$comp-scw-link-base-design-solid-icon-state-hover-top-percent: 73.35%;
-$comp-scw-link-base-design-solid-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 7.8 );
+$comp-scw-link-base-design-solid-icon-state-hover-top-percent: 58.81%;
+$comp-scw-link-base-design-solid-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 16.8 );
 $comp-scw-link-base-design-solid-icon-state-hover-left: calc( var( --scw-spacing-1 ) * 12.8 );
 $comp-scw-link-base-design-solid-icon-state-hover-left-percent: 37.5%;
 $comp-scw-link-base-design-solid-icon-state-hover-right: calc( var( --scw-spacing-1 ) * 22.6 );
@@ -25663,7 +25663,7 @@ $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-width: 21.667px;
 $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-height: 21.6667px;
@@ -25688,9 +25688,9 @@ $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-padding-right
 $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-solid-icon-state-hover-icon-icon-vector-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-state-focused-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-solid-icon-state-focused-background-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-design-solid-icon-state-focused-blend-mode: NORMAL;
-$comp-scw-link-base-design-solid-icon-state-focused-stroke-color: var( --scw-color-primary );
+$comp-scw-link-base-design-solid-icon-state-focused-stroke-color: var( --scw-color-primary-07 );
 $comp-scw-link-base-design-solid-icon-state-focused-stroke-weight: 1px;
 $comp-scw-link-base-design-solid-icon-state-focused-stroke-align: OUTSIDE;
 $comp-scw-link-base-design-solid-icon-state-focused-corner-radius-top-left: 8px;
@@ -25716,8 +25716,8 @@ $comp-scw-link-base-design-solid-icon-state-focused-item-spacing: calc( var( --s
 $comp-scw-link-base-design-solid-icon-state-focused-layout-align: MIN;
 $comp-scw-link-base-design-solid-icon-state-focused-layout-grow: 0;
 $comp-scw-link-base-design-solid-icon-state-focused-top: calc( var( --scw-spacing-1 ) * 24.8 );
-$comp-scw-link-base-design-solid-icon-state-focused-top-percent: 73.35%;
-$comp-scw-link-base-design-solid-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 7.8 );
+$comp-scw-link-base-design-solid-icon-state-focused-top-percent: 58.81%;
+$comp-scw-link-base-design-solid-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 16.8 );
 $comp-scw-link-base-design-solid-icon-state-focused-left: calc( var( --scw-spacing-1 ) * 22.2 );
 $comp-scw-link-base-design-solid-icon-state-focused-left-percent: 61.48%;
 $comp-scw-link-base-design-solid-icon-state-focused-right: calc( var( --scw-spacing-1 ) * 13.2 );
@@ -25774,7 +25774,7 @@ $comp-scw-link-base-design-solid-icon-state-focused-icon-icon-padding-right: 0px
 $comp-scw-link-base-design-solid-icon-state-focused-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-solid-icon-state-focused-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-grey-10 );
+$comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-primary-01 );
 $comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector-width: 21.667px;
 $comp-scw-link-base-design-solid-icon-state-focused-icon-icon-vector-height: 21.6667px;
@@ -25820,8 +25820,8 @@ $comp-scw-link-base-design-icon-item-spacing: calc( var( --scw-spacing-1 ) * 0.4
 $comp-scw-link-base-design-icon-layout-align: MIN;
 $comp-scw-link-base-design-icon-layout-grow: 0;
 $comp-scw-link-base-design-icon-top: calc( var( --scw-spacing-1 ) * 30.6 );
-$comp-scw-link-base-design-icon-top-percent: 89.29%;
-$comp-scw-link-base-design-icon-bottom: var( --scw-spacing-2 );
+$comp-scw-link-base-design-icon-top-percent: 71.59%;
+$comp-scw-link-base-design-icon-bottom: var( --scw-spacing-11 );
 $comp-scw-link-base-design-icon-left: calc( var( --scw-spacing-1 ) * 3.7 );
 $comp-scw-link-base-design-icon-left-percent: 14.29%;
 $comp-scw-link-base-design-icon-right: calc( var( --scw-spacing-1 ) * 31.7 );
@@ -25878,7 +25878,7 @@ $comp-scw-link-base-design-icon-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-icon-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-icon-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-icon-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-icon-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-icon-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-icon-icon-icon-vector-width: 21.667px;
 $comp-scw-link-base-design-icon-icon-icon-vector-height: 21.6667px;
@@ -25924,8 +25924,8 @@ $comp-scw-link-base-design-icon-state-disabled-item-spacing: calc( var( --scw-sp
 $comp-scw-link-base-design-icon-state-disabled-layout-align: MIN;
 $comp-scw-link-base-design-icon-state-disabled-layout-grow: 0;
 $comp-scw-link-base-design-icon-state-disabled-top: calc( var( --scw-spacing-1 ) * 30.6 );
-$comp-scw-link-base-design-icon-state-disabled-top-percent: 89.29%;
-$comp-scw-link-base-design-icon-state-disabled-bottom: var( --scw-spacing-2 );
+$comp-scw-link-base-design-icon-state-disabled-top-percent: 71.59%;
+$comp-scw-link-base-design-icon-state-disabled-bottom: var( --scw-spacing-11 );
 $comp-scw-link-base-design-icon-state-disabled-left: calc( var( --scw-spacing-1 ) * 31.5 );
 $comp-scw-link-base-design-icon-state-disabled-left-percent: 85.2%;
 $comp-scw-link-base-design-icon-state-disabled-right: calc( var( --scw-spacing-1 ) * 3.9 );
@@ -26028,8 +26028,8 @@ $comp-scw-link-base-design-icon-state-hover-item-spacing: calc( var( --scw-spaci
 $comp-scw-link-base-design-icon-state-hover-layout-align: MIN;
 $comp-scw-link-base-design-icon-state-hover-layout-grow: 0;
 $comp-scw-link-base-design-icon-state-hover-top: calc( var( --scw-spacing-1 ) * 30.7 );
-$comp-scw-link-base-design-icon-state-hover-top-percent: 89.56%;
-$comp-scw-link-base-design-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 1.9 );
+$comp-scw-link-base-design-icon-state-hover-top-percent: 71.81%;
+$comp-scw-link-base-design-icon-state-hover-bottom: calc( var( --scw-spacing-1 ) * 10.9 );
 $comp-scw-link-base-design-icon-state-hover-left: calc( var( --scw-spacing-1 ) * 12.9 );
 $comp-scw-link-base-design-icon-state-hover-left-percent: 37.76%;
 $comp-scw-link-base-design-icon-state-hover-right: calc( var( --scw-spacing-1 ) * 22.5 );
@@ -26086,7 +26086,7 @@ $comp-scw-link-base-design-icon-state-hover-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-icon-state-hover-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-icon-state-hover-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-primary-02 );
+$comp-scw-link-base-design-icon-state-hover-icon-icon-vector-background-color: var( --scw-color-grey-04 );
 $comp-scw-link-base-design-icon-state-hover-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-icon-state-hover-icon-icon-vector-width: 21.667px;
 $comp-scw-link-base-design-icon-state-hover-icon-icon-vector-height: 21.6667px;
@@ -26139,8 +26139,8 @@ $comp-scw-link-base-design-icon-state-focused-item-spacing: calc( var( --scw-spa
 $comp-scw-link-base-design-icon-state-focused-layout-align: MIN;
 $comp-scw-link-base-design-icon-state-focused-layout-grow: 0;
 $comp-scw-link-base-design-icon-state-focused-top: calc( var( --scw-spacing-1 ) * 30.7 );
-$comp-scw-link-base-design-icon-state-focused-top-percent: 89.56%;
-$comp-scw-link-base-design-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 1.9 );
+$comp-scw-link-base-design-icon-state-focused-top-percent: 71.81%;
+$comp-scw-link-base-design-icon-state-focused-bottom: calc( var( --scw-spacing-1 ) * 10.9 );
 $comp-scw-link-base-design-icon-state-focused-left: calc( var( --scw-spacing-1 ) * 22.2 );
 $comp-scw-link-base-design-icon-state-focused-left-percent: 61.48%;
 $comp-scw-link-base-design-icon-state-focused-right: calc( var( --scw-spacing-1 ) * 13.2 );
@@ -26197,7 +26197,7 @@ $comp-scw-link-base-design-icon-state-focused-icon-icon-padding-right: 0px;
 $comp-scw-link-base-design-icon-state-focused-icon-icon-padding-top: 0px;
 $comp-scw-link-base-design-icon-state-focused-icon-icon-padding-bottom: 0px;
-$comp-scw-link-base-design-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-primary );
+$comp-scw-link-base-design-icon-state-focused-icon-icon-vector-background-color: var( --scw-color-grey-02 );
 $comp-scw-link-base-design-icon-state-focused-icon-icon-vector-blend-mode: NORMAL;
 $comp-scw-link-base-design-icon-state-focused-icon-icon-vector-width: 21.667px;
 $comp-scw-link-base-design-icon-state-focused-icon-icon-vector-height: 21.6667px;
@@ -26702,7 +26702,7 @@ $comp-scw-icon-feature-base-clickable-text-font-size: 1.125rem;
 $comp-scw-icon-feature-base-clickable-text-text-align-horizontal: LEFT;
 $comp-scw-icon-feature-base-clickable-text-text-align-vertical: TOP;
 $comp-scw-icon-feature-base-clickable-text-text-transform: none;
-$comp-scw-icon-feature-base-clickable-text-color: var( --scw-color-primary );
+$comp-scw-icon-feature-base-clickable-text-color: var( --scw-color-grey-02 );
 $comp-scw-icon-feature-base-clickable-text-font-family: 'Proxima Nova';
 $comp-scw-icon-feature-base-clickable-text-font-weight: 700;
 $comp-scw-icon-feature-base-clickable-text-line-height: 1.688rem;
@@ -26812,7 +26812,7 @@ $comp-scw-icon-feature-base-clickable-align-center-text-font-size: 1.125rem;
 $comp-scw-icon-feature-base-clickable-align-center-text-text-align-horizontal: CENTER;
 $comp-scw-icon-feature-base-clickable-align-center-text-text-align-vertical: TOP;
 $comp-scw-icon-feature-base-clickable-align-center-text-text-transform: none;
-$comp-scw-icon-feature-base-clickable-align-center-text-color: var( --scw-color-primary );
+$comp-scw-icon-feature-base-clickable-align-center-text-color: var( --scw-color-grey-02 );
 $comp-scw-icon-feature-base-clickable-align-center-text-font-family: 'Proxima Nova';
 $comp-scw-icon-feature-base-clickable-align-center-text-font-weight: 700;
 $comp-scw-icon-feature-base-clickable-align-center-text-line-height: 1.688rem;
@@ -29799,7 +29799,7 @@ $comp-scw-callout-default-content-scw-base-heading-text-font-size: 1.5rem;
 $comp-scw-callout-default-content-scw-base-heading-text-text-align-horizontal: LEFT;
 $comp-scw-callout-default-content-scw-base-heading-text-text-align-vertical: TOP;
 $comp-scw-callout-default-content-scw-base-heading-text-text-transform: none;
-$comp-scw-callout-default-content-scw-base-heading-text-color: var( --scw-color-primary-03 );
+$comp-scw-callout-default-content-scw-base-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-callout-default-content-scw-base-heading-text-font-family: 'Proxima Nova';
 $comp-scw-callout-default-content-scw-base-heading-text-font-weight: 700;
 $comp-scw-callout-default-content-scw-base-heading-text-line-height: 2.025rem;
@@ -30224,7 +30224,7 @@ $comp-scw-callout-center-content-scw-base-heading-text-font-size: 1.5rem;
 $comp-scw-callout-center-content-scw-base-heading-text-text-align-horizontal: CENTER;
 $comp-scw-callout-center-content-scw-base-heading-text-text-align-vertical: TOP;
 $comp-scw-callout-center-content-scw-base-heading-text-text-transform: none;
-$comp-scw-callout-center-content-scw-base-heading-text-color: var( --scw-color-primary-03 );
+$comp-scw-callout-center-content-scw-base-heading-text-color: var( --scw-color-grey-02 );
 $comp-scw-callout-center-content-scw-base-heading-text-font-family: 'Proxima Nova';
 $comp-scw-callout-center-content-scw-base-heading-text-font-weight: 700;
 $comp-scw-callout-center-content-scw-base-heading-text-line-height: 2.025rem;