scu-web-components 0.0.75 → 0.0.77

package/dist/tokens/source/scssVariables.scss

@@ -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;
@@ -21741,8 +21741,7 @@ $comp-scw-link-base-default-left-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-default-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-default-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-default-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-default-label-blend-mode: NORMAL;
+$comp-scw-link-base-default-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-default-label-width: 40px;
 $comp-scw-link-base-default-label-height: 24px;
 $comp-scw-link-base-default-label-constraint-horizontal: MIN;
@@ -21772,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;
@@ -21810,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;
@@ -21845,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;
@@ -21870,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;
@@ -21892,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 );
@@ -21915,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 );
@@ -21951,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;
@@ -21976,8 +21975,7 @@ $comp-scw-link-base-state-hover-left-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-state-hover-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-state-hover-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-state-hover-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-state-hover-label-blend-mode: NORMAL;
+$comp-scw-link-base-state-hover-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-state-hover-label-width: 40px;
 $comp-scw-link-base-state-hover-label-height: 24px;
 $comp-scw-link-base-state-hover-label-constraint-horizontal: MIN;
@@ -22007,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;
@@ -22045,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;
@@ -22080,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;
@@ -22105,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;
@@ -22133,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 );
@@ -22156,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 );
@@ -22192,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;
@@ -22217,8 +22215,7 @@ $comp-scw-link-base-state-focused-left-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-state-focused-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-state-focused-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-state-focused-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-state-focused-label-blend-mode: NORMAL;
+$comp-scw-link-base-state-focused-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-state-focused-label-width: 40px;
 $comp-scw-link-base-state-focused-label-height: 24px;
 $comp-scw-link-base-state-focused-label-constraint-horizontal: MIN;
@@ -22248,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;
@@ -22286,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;
@@ -22321,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;
@@ -22346,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;
@@ -22368,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 );
@@ -22391,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 );
@@ -22452,8 +22449,7 @@ $comp-scw-link-base-state-disabled-left-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-state-disabled-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-state-disabled-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-state-disabled-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-state-disabled-label-blend-mode: NORMAL;
+$comp-scw-link-base-state-disabled-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-state-disabled-label-width: 40px;
 $comp-scw-link-base-state-disabled-label-height: 24px;
 $comp-scw-link-base-state-disabled-label-constraint-horizontal: MIN;
@@ -22483,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;
@@ -22521,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;
@@ -22581,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;
@@ -22603,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 );
@@ -22626,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 );
@@ -22687,8 +22683,7 @@ $comp-scw-link-base-design-outline-state-disabled-left-icon-icon-vector-padding-
 $comp-scw-link-base-design-outline-state-disabled-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-disabled-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-outline-state-disabled-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-outline-state-disabled-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-outline-state-disabled-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-outline-state-disabled-label-width: 40px;
 $comp-scw-link-base-design-outline-state-disabled-label-height: 24px;
 $comp-scw-link-base-design-outline-state-disabled-label-constraint-horizontal: MIN;
@@ -22718,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;
@@ -22756,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;
@@ -22818,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;
@@ -22838,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 );
@@ -22861,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 );
@@ -22897,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;
@@ -22922,8 +22917,7 @@ $comp-scw-link-base-design-outline-left-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-design-outline-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-outline-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-outline-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-outline-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-outline-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-outline-label-width: 40px;
 $comp-scw-link-base-design-outline-label-height: 24px;
 $comp-scw-link-base-design-outline-label-constraint-horizontal: MIN;
@@ -22953,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;
@@ -22991,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;
@@ -23026,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;
@@ -23053,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;
@@ -23079,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 );
@@ -23102,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 );
@@ -23138,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;
@@ -23163,8 +23157,7 @@ $comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-padding-r
 $comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-focused-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-outline-state-focused-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-outline-state-focused-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-outline-state-focused-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-outline-state-focused-label-width: 40px;
 $comp-scw-link-base-design-outline-state-focused-label-height: 24px;
 $comp-scw-link-base-design-outline-state-focused-label-constraint-horizontal: MIN;
@@ -23194,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;
@@ -23232,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;
@@ -23267,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;
@@ -23292,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;
@@ -23314,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 );
@@ -23337,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 );
@@ -23373,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;
@@ -23398,8 +23391,7 @@ $comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-padding-rig
 $comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-outline-state-hover-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-outline-state-hover-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-outline-state-hover-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-outline-state-hover-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-outline-state-hover-label-width: 40px;
 $comp-scw-link-base-design-outline-state-hover-label-height: 24px;
 $comp-scw-link-base-design-outline-state-hover-label-constraint-horizontal: MIN;
@@ -23429,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;
@@ -23467,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;
@@ -23502,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;
@@ -23544,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 );
@@ -23567,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 );
@@ -23603,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;
@@ -23628,8 +23620,7 @@ $comp-scw-link-base-design-block-link-left-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-design-block-link-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-block-link-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-block-link-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-block-link-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-block-link-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-block-link-label-width: 39px;
 $comp-scw-link-base-design-block-link-label-height: 22px;
 $comp-scw-link-base-design-block-link-label-constraint-horizontal: MIN;
@@ -23659,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;
@@ -23697,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;
@@ -23732,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;
@@ -23774,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 );
@@ -23797,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 );
@@ -23833,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;
@@ -23858,8 +23849,7 @@ $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-padding-
 $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-hover-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-block-link-state-hover-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-block-link-state-hover-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-block-link-state-hover-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-block-link-state-hover-label-width: 39px;
 $comp-scw-link-base-design-block-link-state-hover-label-height: 22px;
 $comp-scw-link-base-design-block-link-state-hover-label-constraint-horizontal: MIN;
@@ -23889,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;
@@ -23927,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;
@@ -23962,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;
@@ -24004,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 );
@@ -24027,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 );
@@ -24063,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;
@@ -24088,8 +24078,7 @@ $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-paddi
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-disabled-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-block-link-state-disabled-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-block-link-state-disabled-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-block-link-state-disabled-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-block-link-state-disabled-label-width: 39px;
 $comp-scw-link-base-design-block-link-state-disabled-label-height: 22px;
 $comp-scw-link-base-design-block-link-state-disabled-label-constraint-horizontal: MIN;
@@ -24157,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;
@@ -24192,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;
@@ -24245,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 );
@@ -24268,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 );
@@ -24304,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;
@@ -24329,8 +24318,7 @@ $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-paddin
 $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-block-link-state-focused-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-block-link-state-focused-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-block-link-state-focused-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-block-link-state-focused-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-block-link-state-focused-label-width: 39px;
 $comp-scw-link-base-design-block-link-state-focused-label-height: 22px;
 $comp-scw-link-base-design-block-link-state-focused-label-constraint-horizontal: MIN;
@@ -24360,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;
@@ -24398,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;
@@ -24433,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;
@@ -24475,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 );
@@ -24498,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 );
@@ -24534,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;
@@ -24559,8 +24547,7 @@ $comp-scw-link-base-design-link-left-icon-icon-vector-padding-right: 0px;
 $comp-scw-link-base-design-link-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-link-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-link-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-link-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-link-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-link-label-width: 39px;
 $comp-scw-link-base-design-link-label-height: 22px;
 $comp-scw-link-base-design-link-label-constraint-horizontal: MIN;
@@ -24590,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;
@@ -24628,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;
@@ -24663,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;
@@ -24705,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 );
@@ -24728,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 );
@@ -24764,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;
@@ -24789,8 +24776,7 @@ $comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-padding-right:
 $comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-link-state-hover-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-link-state-hover-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-link-state-hover-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-link-state-hover-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-link-state-hover-label-width: 39px;
 $comp-scw-link-base-design-link-state-hover-label-height: 22px;
 $comp-scw-link-base-design-link-state-hover-label-constraint-horizontal: MIN;
@@ -24820,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;
@@ -24858,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;
@@ -24893,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;
@@ -24935,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 );
@@ -24958,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 );
@@ -24994,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;
@@ -25019,8 +25005,7 @@ $comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-padding-rig
 $comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-link-state-disabled-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-link-state-disabled-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-link-state-disabled-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-link-state-disabled-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-link-state-disabled-label-width: 39px;
 $comp-scw-link-base-design-link-state-disabled-label-height: 22px;
 $comp-scw-link-base-design-link-state-disabled-label-constraint-horizontal: MIN;
@@ -25088,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;
@@ -25123,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;
@@ -25176,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 );
@@ -25199,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 );
@@ -25235,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;
@@ -25260,8 +25245,7 @@ $comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-padding-righ
 $comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-padding-top: 0px;
 $comp-scw-link-base-design-link-state-focused-left-icon-icon-vector-padding-bottom: 0px;
 
-$comp-scw-link-base-design-link-state-focused-label-background-color: rgba(255,255,255,1);
-$comp-scw-link-base-design-link-state-focused-label-blend-mode: NORMAL;
+$comp-scw-link-base-design-link-state-focused-label-background-color: rgba(0,0,0,0);
 $comp-scw-link-base-design-link-state-focused-label-width: 39px;
 $comp-scw-link-base-design-link-state-focused-label-height: 22px;
 $comp-scw-link-base-design-link-state-focused-label-constraint-horizontal: MIN;
@@ -25291,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;
@@ -25329,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;
@@ -25364,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;
@@ -25389,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;
@@ -25411,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 );
@@ -25469,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;
@@ -25494,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;
@@ -25516,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 );
@@ -25574,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;
@@ -25599,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;
@@ -25621,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 );
@@ -25679,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;
@@ -25704,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;
@@ -25732,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 );
@@ -25790,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;
@@ -25836,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 );
@@ -25894,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;
@@ -25940,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 );
@@ -26044,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 );
@@ -26102,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;
@@ -26155,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 );
@@ -26213,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;
@@ -26718,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;
@@ -26828,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;
@@ -29699,4 +29683,885 @@ $comp-scw-card-align-horizontal-content-links-link-2-right-icon-right: calc( var
 $comp-scw-card-align-horizontal-content-links-link-2-right-icon-padding-left: 0px;
 $comp-scw-card-align-horizontal-content-links-link-2-right-icon-padding-right: 0px;
 $comp-scw-card-align-horizontal-content-links-link-2-right-icon-padding-top: 0px;
-$comp-scw-card-align-horizontal-content-links-link-2-right-icon-padding-bottom: 0px;
+$comp-scw-card-align-horizontal-content-links-link-2-right-icon-padding-bottom: 0px;
+$comp-scw-callout-background-color: rgba(0,0,0,0);
+$comp-scw-callout-stroke-color: rgba(151,71,255,1);
+$comp-scw-callout-stroke-weight: 1px;
+$comp-scw-callout-stroke-align: INSIDE;
+$comp-scw-callout-corner-radius-top-left: 5px;
+$comp-scw-callout-corner-radius-top-right: 5px;
+$comp-scw-callout-corner-radius-bottom-right: 5px;
+$comp-scw-callout-corner-radius-bottom-left: 5px;
+$comp-scw-callout-width: 465px;
+$comp-scw-callout-height: 412px;
+$comp-scw-callout-constraint-horizontal: MIN;
+$comp-scw-callout-constraint-vertical: MIN;
+$comp-scw-callout-constrain-proportions: false;
+$comp-scw-callout-layout-context: NONE;
+$comp-scw-callout-layout-mode: VERTICAL;
+$comp-scw-callout-primary-axis-align-items: MIN;
+$comp-scw-callout-counter-axis-align-items: MIN;
+$comp-scw-callout-item-spacing: var( --scw-spacing-2 );
+$comp-scw-callout-layout-align: MIN;
+$comp-scw-callout-layout-grow: 0;
+$comp-scw-callout-top: 0px;
+$comp-scw-callout-top-percent: 0%;
+$comp-scw-callout-bottom: 0px;
+$comp-scw-callout-left: 0px;
+$comp-scw-callout-left-percent: 0%;
+$comp-scw-callout-right: 0px;
+$comp-scw-callout-padding-left: var( --scw-spacing-2 );
+$comp-scw-callout-padding-right: var( --scw-spacing-2 );
+$comp-scw-callout-padding-top: var( --scw-spacing-2 );
+$comp-scw-callout-padding-bottom: var( --scw-spacing-2 );
+
+$comp-scw-callout-default-background-color: var( --scw-color-primary-09 );
+$comp-scw-callout-default-blend-mode: NORMAL;
+$comp-scw-callout-default-corner-radius-top-left: 10px;
+$comp-scw-callout-default-corner-radius-top-right: 10px;
+$comp-scw-callout-default-corner-radius-bottom-right: 10px;
+$comp-scw-callout-default-corner-radius-bottom-left: 10px;
+$comp-scw-callout-default-width: 425px;
+$comp-scw-callout-default-height: 176px;
+$comp-scw-callout-default-constraint-horizontal: MIN;
+$comp-scw-callout-default-constraint-vertical: MIN;
+$comp-scw-callout-default-constrain-proportions: false;
+$comp-scw-callout-default-layout-context: FLEX;
+$comp-scw-callout-default-layout-mode: VERTICAL;
+$comp-scw-callout-default-primary-axis-align-items: CENTER;
+$comp-scw-callout-default-counter-axis-align-items: MIN;
+$comp-scw-callout-default-item-spacing: 0px;
+$comp-scw-callout-default-layout-align: INHERIT;
+$comp-scw-callout-default-layout-grow: 0;
+$comp-scw-callout-default-top: var( --scw-spacing-2 );
+$comp-scw-callout-default-top-percent: 26.21%;
+$comp-scw-callout-default-bottom: calc( var( --scw-spacing-1 ) * 21.6 );
+$comp-scw-callout-default-left: var( --scw-spacing-2 );
+$comp-scw-callout-default-left-percent: 50%;
+$comp-scw-callout-default-right: var( --scw-spacing-2 );
+$comp-scw-callout-default-padding-left: var( --scw-spacing-3 );
+$comp-scw-callout-default-padding-right: var( --scw-spacing-3 );
+$comp-scw-callout-default-padding-top: var( --scw-spacing-3 );
+$comp-scw-callout-default-padding-bottom: var( --scw-spacing-3 );
+$comp-scw-callout-default-margin-bottom: 0px;
+
+$comp-scw-callout-default-content-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-width: 365px;
+$comp-scw-callout-default-content-height: 116px;
+$comp-scw-callout-default-content-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-constraint-vertical: MIN;
+$comp-scw-callout-default-content-constrain-proportions: false;
+$comp-scw-callout-default-content-layout-context: FLEX;
+$comp-scw-callout-default-content-layout-mode: VERTICAL;
+$comp-scw-callout-default-content-primary-axis-align-items: CENTER;
+$comp-scw-callout-default-content-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-item-spacing: var( --scw-spacing-1 );
+$comp-scw-callout-default-content-layout-align: INHERIT;
+$comp-scw-callout-default-content-layout-grow: 0;
+$comp-scw-callout-default-content-top: var( --scw-spacing-3 );
+$comp-scw-callout-default-content-top-percent: 50%;
+$comp-scw-callout-default-content-bottom: var( --scw-spacing-3 );
+$comp-scw-callout-default-content-left: var( --scw-spacing-3 );
+$comp-scw-callout-default-content-left-percent: 50%;
+$comp-scw-callout-default-content-right: var( --scw-spacing-3 );
+$comp-scw-callout-default-content-padding-left: 0px;
+$comp-scw-callout-default-content-padding-right: 0px;
+$comp-scw-callout-default-content-padding-top: 0px;
+$comp-scw-callout-default-content-padding-bottom: 0px;
+
+$comp-scw-callout-default-content-scw-base-heading-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-scw-base-heading-width: 365px;
+$comp-scw-callout-default-content-scw-base-heading-height: 32px;
+$comp-scw-callout-default-content-scw-base-heading-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-scw-base-heading-constraint-vertical: MIN;
+$comp-scw-callout-default-content-scw-base-heading-constrain-proportions: false;
+$comp-scw-callout-default-content-scw-base-heading-layout-context: FLEX;
+$comp-scw-callout-default-content-scw-base-heading-layout-mode: HORIZONTAL;
+$comp-scw-callout-default-content-scw-base-heading-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-heading-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-heading-item-spacing: 0px;
+$comp-scw-callout-default-content-scw-base-heading-layout-align: INHERIT;
+$comp-scw-callout-default-content-scw-base-heading-layout-grow: 0;
+$comp-scw-callout-default-content-scw-base-heading-top: 0px;
+$comp-scw-callout-default-content-scw-base-heading-top-percent: 13.79%;
+$comp-scw-callout-default-content-scw-base-heading-bottom: calc( var( --scw-spacing-1 ) * 8.4 );
+$comp-scw-callout-default-content-scw-base-heading-left: 0px;
+$comp-scw-callout-default-content-scw-base-heading-left-percent: 50%;
+$comp-scw-callout-default-content-scw-base-heading-right: 0px;
+$comp-scw-callout-default-content-scw-base-heading-padding-left: 0px;
+$comp-scw-callout-default-content-scw-base-heading-padding-right: 0px;
+$comp-scw-callout-default-content-scw-base-heading-padding-top: 0px;
+$comp-scw-callout-default-content-scw-base-heading-padding-bottom: 0px;
+$comp-scw-callout-default-content-scw-base-heading-margin-bottom: 0px;
+
+$comp-scw-callout-default-content-scw-base-heading-text-characters: 'Content';
+$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-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;
+$comp-scw-callout-default-content-scw-base-heading-text-letter-spacing: 0rem;
+$comp-scw-callout-default-content-scw-base-heading-text-font: var( --scw-type-text-bold-08-font );
+$comp-scw-callout-default-content-scw-base-heading-text-width: 365px;
+$comp-scw-callout-default-content-scw-base-heading-text-height: 32px;
+$comp-scw-callout-default-content-scw-base-heading-text-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-scw-base-heading-text-constraint-vertical: MIN;
+$comp-scw-callout-default-content-scw-base-heading-text-constrain-proportions: false;
+$comp-scw-callout-default-content-scw-base-heading-text-layout-context: FLEX;
+$comp-scw-callout-default-content-scw-base-heading-text-layout-mode: NONE;
+$comp-scw-callout-default-content-scw-base-heading-text-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-heading-text-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-heading-text-item-spacing: 0px;
+$comp-scw-callout-default-content-scw-base-heading-text-layout-align: INHERIT;
+$comp-scw-callout-default-content-scw-base-heading-text-layout-grow: 0;
+$comp-scw-callout-default-content-scw-base-heading-text-top: 0px;
+$comp-scw-callout-default-content-scw-base-heading-text-top-percent: 50%;
+$comp-scw-callout-default-content-scw-base-heading-text-bottom: 0px;
+$comp-scw-callout-default-content-scw-base-heading-text-left: 0px;
+$comp-scw-callout-default-content-scw-base-heading-text-left-percent: 50%;
+$comp-scw-callout-default-content-scw-base-heading-text-right: 0px;
+
+$comp-scw-callout-default-content-scw-base-paragraph-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-scw-base-paragraph-width: 365px;
+$comp-scw-callout-default-content-scw-base-paragraph-height: 27px;
+$comp-scw-callout-default-content-scw-base-paragraph-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-constraint-vertical: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-constrain-proportions: false;
+$comp-scw-callout-default-content-scw-base-paragraph-layout-context: FLEX;
+$comp-scw-callout-default-content-scw-base-paragraph-layout-mode: HORIZONTAL;
+$comp-scw-callout-default-content-scw-base-paragraph-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-item-spacing: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-layout-align: INHERIT;
+$comp-scw-callout-default-content-scw-base-paragraph-layout-grow: 0;
+$comp-scw-callout-default-content-scw-base-paragraph-top: calc( var( --scw-spacing-1 ) * 4.2 );
+$comp-scw-callout-default-content-scw-base-paragraph-top-percent: 47.84%;
+$comp-scw-callout-default-content-scw-base-paragraph-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-callout-default-content-scw-base-paragraph-left: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-left-percent: 50%;
+$comp-scw-callout-default-content-scw-base-paragraph-right: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-padding-left: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-padding-right: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-padding-top: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-padding-bottom: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-margin-bottom: 0px;
+
+$comp-scw-callout-default-content-scw-base-paragraph-text-characters: 'Content';
+$comp-scw-callout-default-content-scw-base-paragraph-text-font-size: 1.125rem;
+$comp-scw-callout-default-content-scw-base-paragraph-text-text-align-horizontal: LEFT;
+$comp-scw-callout-default-content-scw-base-paragraph-text-text-align-vertical: TOP;
+$comp-scw-callout-default-content-scw-base-paragraph-text-text-transform: none;
+$comp-scw-callout-default-content-scw-base-paragraph-text-color: var( --scw-color-grey-02 );
+$comp-scw-callout-default-content-scw-base-paragraph-text-font-family: 'Proxima Nova';
+$comp-scw-callout-default-content-scw-base-paragraph-text-font-weight: 400;
+$comp-scw-callout-default-content-scw-base-paragraph-text-line-height: 1.688rem;
+$comp-scw-callout-default-content-scw-base-paragraph-text-letter-spacing: 0rem;
+$comp-scw-callout-default-content-scw-base-paragraph-text-font: var( --scw-type-text-06-font );
+$comp-scw-callout-default-content-scw-base-paragraph-text-width: 365px;
+$comp-scw-callout-default-content-scw-base-paragraph-text-height: 27px;
+$comp-scw-callout-default-content-scw-base-paragraph-text-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-text-constraint-vertical: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-text-constrain-proportions: false;
+$comp-scw-callout-default-content-scw-base-paragraph-text-layout-context: FLEX;
+$comp-scw-callout-default-content-scw-base-paragraph-text-layout-mode: NONE;
+$comp-scw-callout-default-content-scw-base-paragraph-text-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-text-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-scw-base-paragraph-text-item-spacing: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-text-layout-align: INHERIT;
+$comp-scw-callout-default-content-scw-base-paragraph-text-layout-grow: 0;
+$comp-scw-callout-default-content-scw-base-paragraph-text-top: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-text-top-percent: 50%;
+$comp-scw-callout-default-content-scw-base-paragraph-text-bottom: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-text-left: 0px;
+$comp-scw-callout-default-content-scw-base-paragraph-text-left-percent: 50%;
+$comp-scw-callout-default-content-scw-base-paragraph-text-right: 0px;
+
+$comp-scw-callout-default-content-links-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-links-width: 174px;
+$comp-scw-callout-default-content-links-height: 37px;
+$comp-scw-callout-default-content-links-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-constrain-proportions: false;
+$comp-scw-callout-default-content-links-layout-context: FLEX;
+$comp-scw-callout-default-content-links-layout-mode: HORIZONTAL;
+$comp-scw-callout-default-content-links-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-counter-axis-align-items: CENTER;
+$comp-scw-callout-default-content-links-item-spacing: var( --scw-spacing-2 );
+$comp-scw-callout-default-content-links-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-layout-grow: 0;
+$comp-scw-callout-default-content-links-top: calc( var( --scw-spacing-1 ) * 7.9 );
+$comp-scw-callout-default-content-links-top-percent: 84.05%;
+$comp-scw-callout-default-content-links-bottom: 0px;
+$comp-scw-callout-default-content-links-left: 0px;
+$comp-scw-callout-default-content-links-left-percent: 23.84%;
+$comp-scw-callout-default-content-links-right: calc( var( --scw-spacing-1 ) * 19.1 );
+$comp-scw-callout-default-content-links-padding-left: 0px;
+$comp-scw-callout-default-content-links-padding-right: 0px;
+$comp-scw-callout-default-content-links-padding-top: 0px;
+$comp-scw-callout-default-content-links-padding-bottom: 0px;
+
+$comp-scw-callout-default-content-links-link-1-background-color: var( --scw-color-primary-03 );
+$comp-scw-callout-default-content-links-link-1-blend-mode: NORMAL;
+$comp-scw-callout-default-content-links-link-1-corner-radius-top-left: 6px;
+$comp-scw-callout-default-content-links-link-1-corner-radius-top-right: 6px;
+$comp-scw-callout-default-content-links-link-1-corner-radius-bottom-right: 6px;
+$comp-scw-callout-default-content-links-link-1-corner-radius-bottom-left: 6px;
+$comp-scw-callout-default-content-links-link-1-width: 77px;
+$comp-scw-callout-default-content-links-link-1-height: 37px;
+$comp-scw-callout-default-content-links-link-1-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-1-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-1-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-1-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-1-layout-mode: HORIZONTAL;
+$comp-scw-callout-default-content-links-link-1-primary-axis-align-items: CENTER;
+$comp-scw-callout-default-content-links-link-1-counter-axis-align-items: CENTER;
+$comp-scw-callout-default-content-links-link-1-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-default-content-links-link-1-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-1-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-1-top: 0px;
+$comp-scw-callout-default-content-links-link-1-top-percent: 50%;
+$comp-scw-callout-default-content-links-link-1-bottom: 0px;
+$comp-scw-callout-default-content-links-link-1-left: 0px;
+$comp-scw-callout-default-content-links-link-1-left-percent: 22.13%;
+$comp-scw-callout-default-content-links-link-1-right: calc( var( --scw-spacing-1 ) * 9.7 );
+$comp-scw-callout-default-content-links-link-1-padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-1-padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-1-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-default-content-links-link-1-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-default-content-links-link-1-margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+
+$comp-scw-callout-default-content-links-link-1-left-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-links-link-1-left-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-default-content-links-link-1-left-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-default-content-links-link-1-left-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-default-content-links-link-1-left-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-default-content-links-link-1-left-icon-width: 24px;
+$comp-scw-callout-default-content-links-link-1-left-icon-height: 24px;
+$comp-scw-callout-default-content-links-link-1-left-icon-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-1-left-icon-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-1-left-icon-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-1-left-icon-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-1-left-icon-layout-mode: NONE;
+$comp-scw-callout-default-content-links-link-1-left-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-1-left-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-1-left-icon-item-spacing: 0px;
+$comp-scw-callout-default-content-links-link-1-left-icon-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-1-left-icon-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-1-left-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-default-content-links-link-1-left-icon-top-percent: 43.24%;
+$comp-scw-callout-default-content-links-link-1-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-default-content-links-link-1-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-1-left-icon-left-percent: 36.36%;
+$comp-scw-callout-default-content-links-link-1-left-icon-right: calc( var( --scw-spacing-1 ) * 3.7 );
+$comp-scw-callout-default-content-links-link-1-left-icon-padding-left: 0px;
+$comp-scw-callout-default-content-links-link-1-left-icon-padding-right: 0px;
+$comp-scw-callout-default-content-links-link-1-left-icon-padding-top: 0px;
+$comp-scw-callout-default-content-links-link-1-left-icon-padding-bottom: 0px;
+$comp-scw-callout-default-content-links-link-1-left-icon-margin-right: 0px;
+
+$comp-scw-callout-default-content-links-link-1-label-characters: 'Label';
+$comp-scw-callout-default-content-links-link-1-label-font-size: 1.125rem;
+$comp-scw-callout-default-content-links-link-1-label-text-align-horizontal: LEFT;
+$comp-scw-callout-default-content-links-link-1-label-text-align-vertical: CENTER;
+$comp-scw-callout-default-content-links-link-1-label-text-transform: none;
+$comp-scw-callout-default-content-links-link-1-label-color: var( --scw-color-grey-10 );
+$comp-scw-callout-default-content-links-link-1-label-font-family: 'Proxima Nova';
+$comp-scw-callout-default-content-links-link-1-label-font-weight: 700;
+$comp-scw-callout-default-content-links-link-1-label-line-height: 1.688rem;
+$comp-scw-callout-default-content-links-link-1-label-letter-spacing: 0rem;
+$comp-scw-callout-default-content-links-link-1-label-font: var( --scw-type-text-bold-06-font );
+$comp-scw-callout-default-content-links-link-1-label-width: 45px;
+$comp-scw-callout-default-content-links-link-1-label-height: 27px;
+$comp-scw-callout-default-content-links-link-1-label-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-1-label-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-1-label-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-1-label-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-1-label-layout-mode: NONE;
+$comp-scw-callout-default-content-links-link-1-label-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-1-label-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-1-label-item-spacing: 0px;
+$comp-scw-callout-default-content-links-link-1-label-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-1-label-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-1-label-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-default-content-links-link-1-label-top-percent: 50%;
+$comp-scw-callout-default-content-links-link-1-label-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-default-content-links-link-1-label-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-1-label-left-percent: 50%;
+$comp-scw-callout-default-content-links-link-1-label-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-1-label-margin-right: 0px;
+
+$comp-scw-callout-default-content-links-link-1-right-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-links-link-1-right-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-default-content-links-link-1-right-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-default-content-links-link-1-right-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-default-content-links-link-1-right-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-default-content-links-link-1-right-icon-width: 24px;
+$comp-scw-callout-default-content-links-link-1-right-icon-height: 24px;
+$comp-scw-callout-default-content-links-link-1-right-icon-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-1-right-icon-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-1-right-icon-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-1-right-icon-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-1-right-icon-layout-mode: NONE;
+$comp-scw-callout-default-content-links-link-1-right-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-1-right-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-1-right-icon-item-spacing: 0px;
+$comp-scw-callout-default-content-links-link-1-right-icon-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-1-right-icon-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-1-right-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-default-content-links-link-1-right-icon-top-percent: 43.24%;
+$comp-scw-callout-default-content-links-link-1-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-default-content-links-link-1-right-icon-left: calc( var( --scw-spacing-1 ) * 8.8 );
+$comp-scw-callout-default-content-links-link-1-right-icon-left-percent: 129.87%;
+$comp-scw-callout-default-content-links-link-1-right-icon-right: calc( var( --scw-spacing-1 ) * -3.5 );
+$comp-scw-callout-default-content-links-link-1-right-icon-padding-left: 0px;
+$comp-scw-callout-default-content-links-link-1-right-icon-padding-right: 0px;
+$comp-scw-callout-default-content-links-link-1-right-icon-padding-top: 0px;
+$comp-scw-callout-default-content-links-link-1-right-icon-padding-bottom: 0px;
+
+$comp-scw-callout-default-content-links-link-2-background-color: var( --scw-color-grey-10 );
+$comp-scw-callout-default-content-links-link-2-blend-mode: NORMAL;
+$comp-scw-callout-default-content-links-link-2-stroke-color: var( --scw-color-primary-04 );
+$comp-scw-callout-default-content-links-link-2-stroke-weight: 2px;
+$comp-scw-callout-default-content-links-link-2-stroke-align: OUTSIDE;
+$comp-scw-callout-default-content-links-link-2-corner-radius-top-left: 6px;
+$comp-scw-callout-default-content-links-link-2-corner-radius-top-right: 6px;
+$comp-scw-callout-default-content-links-link-2-corner-radius-bottom-right: 6px;
+$comp-scw-callout-default-content-links-link-2-corner-radius-bottom-left: 6px;
+$comp-scw-callout-default-content-links-link-2-width: 77px;
+$comp-scw-callout-default-content-links-link-2-height: 37px;
+$comp-scw-callout-default-content-links-link-2-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-2-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-2-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-2-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-2-layout-mode: HORIZONTAL;
+$comp-scw-callout-default-content-links-link-2-primary-axis-align-items: CENTER;
+$comp-scw-callout-default-content-links-link-2-counter-axis-align-items: CENTER;
+$comp-scw-callout-default-content-links-link-2-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-default-content-links-link-2-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-2-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-2-top: 0px;
+$comp-scw-callout-default-content-links-link-2-top-percent: 50%;
+$comp-scw-callout-default-content-links-link-2-bottom: 0px;
+$comp-scw-callout-default-content-links-link-2-left: calc( var( --scw-spacing-1 ) * 9.7 );
+$comp-scw-callout-default-content-links-link-2-left-percent: 77.87%;
+$comp-scw-callout-default-content-links-link-2-right: 0px;
+$comp-scw-callout-default-content-links-link-2-padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-2-padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-2-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-default-content-links-link-2-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+
+$comp-scw-callout-default-content-links-link-2-left-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-links-link-2-left-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-default-content-links-link-2-left-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-default-content-links-link-2-left-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-default-content-links-link-2-left-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-default-content-links-link-2-left-icon-width: 24px;
+$comp-scw-callout-default-content-links-link-2-left-icon-height: 24px;
+$comp-scw-callout-default-content-links-link-2-left-icon-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-2-left-icon-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-2-left-icon-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-2-left-icon-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-2-left-icon-layout-mode: NONE;
+$comp-scw-callout-default-content-links-link-2-left-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-2-left-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-2-left-icon-item-spacing: 0px;
+$comp-scw-callout-default-content-links-link-2-left-icon-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-2-left-icon-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-2-left-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-default-content-links-link-2-left-icon-top-percent: 43.24%;
+$comp-scw-callout-default-content-links-link-2-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-default-content-links-link-2-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-2-left-icon-left-percent: 36.36%;
+$comp-scw-callout-default-content-links-link-2-left-icon-right: calc( var( --scw-spacing-1 ) * 3.7 );
+$comp-scw-callout-default-content-links-link-2-left-icon-padding-left: 0px;
+$comp-scw-callout-default-content-links-link-2-left-icon-padding-right: 0px;
+$comp-scw-callout-default-content-links-link-2-left-icon-padding-top: 0px;
+$comp-scw-callout-default-content-links-link-2-left-icon-padding-bottom: 0px;
+$comp-scw-callout-default-content-links-link-2-left-icon-margin-right: 0px;
+
+$comp-scw-callout-default-content-links-link-2-label-characters: 'Label';
+$comp-scw-callout-default-content-links-link-2-label-font-size: 1.125rem;
+$comp-scw-callout-default-content-links-link-2-label-text-align-horizontal: LEFT;
+$comp-scw-callout-default-content-links-link-2-label-text-align-vertical: CENTER;
+$comp-scw-callout-default-content-links-link-2-label-text-transform: none;
+$comp-scw-callout-default-content-links-link-2-label-color: var( --scw-color-primary-03 );
+$comp-scw-callout-default-content-links-link-2-label-font-family: 'Proxima Nova';
+$comp-scw-callout-default-content-links-link-2-label-font-weight: 700;
+$comp-scw-callout-default-content-links-link-2-label-line-height: 1.688rem;
+$comp-scw-callout-default-content-links-link-2-label-letter-spacing: 0rem;
+$comp-scw-callout-default-content-links-link-2-label-font: var( --scw-type-text-bold-06-font );
+$comp-scw-callout-default-content-links-link-2-label-width: 45px;
+$comp-scw-callout-default-content-links-link-2-label-height: 27px;
+$comp-scw-callout-default-content-links-link-2-label-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-2-label-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-2-label-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-2-label-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-2-label-layout-mode: NONE;
+$comp-scw-callout-default-content-links-link-2-label-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-2-label-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-2-label-item-spacing: 0px;
+$comp-scw-callout-default-content-links-link-2-label-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-2-label-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-2-label-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-default-content-links-link-2-label-top-percent: 50%;
+$comp-scw-callout-default-content-links-link-2-label-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-default-content-links-link-2-label-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-2-label-left-percent: 50%;
+$comp-scw-callout-default-content-links-link-2-label-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-default-content-links-link-2-label-margin-right: 0px;
+
+$comp-scw-callout-default-content-links-link-2-right-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-default-content-links-link-2-right-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-default-content-links-link-2-right-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-default-content-links-link-2-right-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-default-content-links-link-2-right-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-default-content-links-link-2-right-icon-width: 24px;
+$comp-scw-callout-default-content-links-link-2-right-icon-height: 24px;
+$comp-scw-callout-default-content-links-link-2-right-icon-constraint-horizontal: MIN;
+$comp-scw-callout-default-content-links-link-2-right-icon-constraint-vertical: MIN;
+$comp-scw-callout-default-content-links-link-2-right-icon-constrain-proportions: false;
+$comp-scw-callout-default-content-links-link-2-right-icon-layout-context: FLEX;
+$comp-scw-callout-default-content-links-link-2-right-icon-layout-mode: NONE;
+$comp-scw-callout-default-content-links-link-2-right-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-2-right-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-default-content-links-link-2-right-icon-item-spacing: 0px;
+$comp-scw-callout-default-content-links-link-2-right-icon-layout-align: INHERIT;
+$comp-scw-callout-default-content-links-link-2-right-icon-layout-grow: 0;
+$comp-scw-callout-default-content-links-link-2-right-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-default-content-links-link-2-right-icon-top-percent: 43.24%;
+$comp-scw-callout-default-content-links-link-2-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-default-content-links-link-2-right-icon-left: calc( var( --scw-spacing-1 ) * 8.8 );
+$comp-scw-callout-default-content-links-link-2-right-icon-left-percent: 129.87%;
+$comp-scw-callout-default-content-links-link-2-right-icon-right: calc( var( --scw-spacing-1 ) * -3.5 );
+$comp-scw-callout-default-content-links-link-2-right-icon-padding-left: 0px;
+$comp-scw-callout-default-content-links-link-2-right-icon-padding-right: 0px;
+$comp-scw-callout-default-content-links-link-2-right-icon-padding-top: 0px;
+$comp-scw-callout-default-content-links-link-2-right-icon-padding-bottom: 0px;
+
+$comp-scw-callout-center-background-color: var( --scw-color-primary-09 );
+$comp-scw-callout-center-blend-mode: NORMAL;
+$comp-scw-callout-center-corner-radius-top-left: 10px;
+$comp-scw-callout-center-corner-radius-top-right: 10px;
+$comp-scw-callout-center-corner-radius-bottom-right: 10px;
+$comp-scw-callout-center-corner-radius-bottom-left: 10px;
+$comp-scw-callout-center-width: 425px;
+$comp-scw-callout-center-height: 176px;
+$comp-scw-callout-center-constraint-horizontal: MIN;
+$comp-scw-callout-center-constraint-vertical: MIN;
+$comp-scw-callout-center-constrain-proportions: false;
+$comp-scw-callout-center-layout-context: FLEX;
+$comp-scw-callout-center-layout-mode: VERTICAL;
+$comp-scw-callout-center-primary-axis-align-items: CENTER;
+$comp-scw-callout-center-counter-axis-align-items: CENTER;
+$comp-scw-callout-center-item-spacing: 0px;
+$comp-scw-callout-center-layout-align: INHERIT;
+$comp-scw-callout-center-layout-grow: 0;
+$comp-scw-callout-center-top: calc( var( --scw-spacing-1 ) * 21.6 );
+$comp-scw-callout-center-top-percent: 73.79%;
+$comp-scw-callout-center-bottom: var( --scw-spacing-2 );
+$comp-scw-callout-center-left: var( --scw-spacing-2 );
+$comp-scw-callout-center-left-percent: 50%;
+$comp-scw-callout-center-right: var( --scw-spacing-2 );
+$comp-scw-callout-center-padding-left: var( --scw-spacing-3 );
+$comp-scw-callout-center-padding-right: var( --scw-spacing-3 );
+$comp-scw-callout-center-padding-top: var( --scw-spacing-3 );
+$comp-scw-callout-center-padding-bottom: var( --scw-spacing-3 );
+
+$comp-scw-callout-center-content-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-width: 365px;
+$comp-scw-callout-center-content-height: 116px;
+$comp-scw-callout-center-content-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-constraint-vertical: MIN;
+$comp-scw-callout-center-content-constrain-proportions: false;
+$comp-scw-callout-center-content-layout-context: FLEX;
+$comp-scw-callout-center-content-layout-mode: VERTICAL;
+$comp-scw-callout-center-content-primary-axis-align-items: CENTER;
+$comp-scw-callout-center-content-counter-axis-align-items: CENTER;
+$comp-scw-callout-center-content-item-spacing: var( --scw-spacing-1 );
+$comp-scw-callout-center-content-layout-align: INHERIT;
+$comp-scw-callout-center-content-layout-grow: 0;
+$comp-scw-callout-center-content-top: var( --scw-spacing-3 );
+$comp-scw-callout-center-content-top-percent: 50%;
+$comp-scw-callout-center-content-bottom: var( --scw-spacing-3 );
+$comp-scw-callout-center-content-left: var( --scw-spacing-3 );
+$comp-scw-callout-center-content-left-percent: 50%;
+$comp-scw-callout-center-content-right: var( --scw-spacing-3 );
+$comp-scw-callout-center-content-padding-left: 0px;
+$comp-scw-callout-center-content-padding-right: 0px;
+$comp-scw-callout-center-content-padding-top: 0px;
+$comp-scw-callout-center-content-padding-bottom: 0px;
+
+$comp-scw-callout-center-content-scw-base-heading-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-scw-base-heading-width: 365px;
+$comp-scw-callout-center-content-scw-base-heading-height: 32px;
+$comp-scw-callout-center-content-scw-base-heading-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-scw-base-heading-constraint-vertical: MIN;
+$comp-scw-callout-center-content-scw-base-heading-constrain-proportions: false;
+$comp-scw-callout-center-content-scw-base-heading-layout-context: FLEX;
+$comp-scw-callout-center-content-scw-base-heading-layout-mode: HORIZONTAL;
+$comp-scw-callout-center-content-scw-base-heading-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-heading-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-heading-item-spacing: 0px;
+$comp-scw-callout-center-content-scw-base-heading-layout-align: INHERIT;
+$comp-scw-callout-center-content-scw-base-heading-layout-grow: 0;
+$comp-scw-callout-center-content-scw-base-heading-top: 0px;
+$comp-scw-callout-center-content-scw-base-heading-top-percent: 13.79%;
+$comp-scw-callout-center-content-scw-base-heading-bottom: calc( var( --scw-spacing-1 ) * 8.4 );
+$comp-scw-callout-center-content-scw-base-heading-left: 0px;
+$comp-scw-callout-center-content-scw-base-heading-left-percent: 50%;
+$comp-scw-callout-center-content-scw-base-heading-right: 0px;
+$comp-scw-callout-center-content-scw-base-heading-padding-left: 0px;
+$comp-scw-callout-center-content-scw-base-heading-padding-right: 0px;
+$comp-scw-callout-center-content-scw-base-heading-padding-top: 0px;
+$comp-scw-callout-center-content-scw-base-heading-padding-bottom: 0px;
+$comp-scw-callout-center-content-scw-base-heading-margin-bottom: 0px;
+
+$comp-scw-callout-center-content-scw-base-heading-text-characters: 'Content';
+$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-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;
+$comp-scw-callout-center-content-scw-base-heading-text-letter-spacing: 0rem;
+$comp-scw-callout-center-content-scw-base-heading-text-font: var( --scw-type-text-bold-08-font );
+$comp-scw-callout-center-content-scw-base-heading-text-width: 365px;
+$comp-scw-callout-center-content-scw-base-heading-text-height: 32px;
+$comp-scw-callout-center-content-scw-base-heading-text-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-scw-base-heading-text-constraint-vertical: MIN;
+$comp-scw-callout-center-content-scw-base-heading-text-constrain-proportions: false;
+$comp-scw-callout-center-content-scw-base-heading-text-layout-context: FLEX;
+$comp-scw-callout-center-content-scw-base-heading-text-layout-mode: NONE;
+$comp-scw-callout-center-content-scw-base-heading-text-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-heading-text-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-heading-text-item-spacing: 0px;
+$comp-scw-callout-center-content-scw-base-heading-text-layout-align: INHERIT;
+$comp-scw-callout-center-content-scw-base-heading-text-layout-grow: 0;
+$comp-scw-callout-center-content-scw-base-heading-text-top: 0px;
+$comp-scw-callout-center-content-scw-base-heading-text-top-percent: 50%;
+$comp-scw-callout-center-content-scw-base-heading-text-bottom: 0px;
+$comp-scw-callout-center-content-scw-base-heading-text-left: 0px;
+$comp-scw-callout-center-content-scw-base-heading-text-left-percent: 50%;
+$comp-scw-callout-center-content-scw-base-heading-text-right: 0px;
+
+$comp-scw-callout-center-content-scw-base-paragraph-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-scw-base-paragraph-width: 365px;
+$comp-scw-callout-center-content-scw-base-paragraph-height: 27px;
+$comp-scw-callout-center-content-scw-base-paragraph-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-constraint-vertical: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-constrain-proportions: false;
+$comp-scw-callout-center-content-scw-base-paragraph-layout-context: FLEX;
+$comp-scw-callout-center-content-scw-base-paragraph-layout-mode: HORIZONTAL;
+$comp-scw-callout-center-content-scw-base-paragraph-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-item-spacing: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-layout-align: INHERIT;
+$comp-scw-callout-center-content-scw-base-paragraph-layout-grow: 0;
+$comp-scw-callout-center-content-scw-base-paragraph-top: calc( var( --scw-spacing-1 ) * 4.2 );
+$comp-scw-callout-center-content-scw-base-paragraph-top-percent: 47.84%;
+$comp-scw-callout-center-content-scw-base-paragraph-bottom: calc( var( --scw-spacing-1 ) * 4.7 );
+$comp-scw-callout-center-content-scw-base-paragraph-left: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-left-percent: 50%;
+$comp-scw-callout-center-content-scw-base-paragraph-right: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-padding-left: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-padding-right: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-padding-top: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-padding-bottom: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-margin-bottom: 0px;
+
+$comp-scw-callout-center-content-scw-base-paragraph-text-characters: 'Content';
+$comp-scw-callout-center-content-scw-base-paragraph-text-font-size: 1.125rem;
+$comp-scw-callout-center-content-scw-base-paragraph-text-text-align-horizontal: CENTER;
+$comp-scw-callout-center-content-scw-base-paragraph-text-text-align-vertical: TOP;
+$comp-scw-callout-center-content-scw-base-paragraph-text-text-transform: none;
+$comp-scw-callout-center-content-scw-base-paragraph-text-color: var( --scw-color-grey-02 );
+$comp-scw-callout-center-content-scw-base-paragraph-text-font-family: 'Proxima Nova';
+$comp-scw-callout-center-content-scw-base-paragraph-text-font-weight: 400;
+$comp-scw-callout-center-content-scw-base-paragraph-text-line-height: 1.688rem;
+$comp-scw-callout-center-content-scw-base-paragraph-text-letter-spacing: 0rem;
+$comp-scw-callout-center-content-scw-base-paragraph-text-font: var( --scw-type-text-06-font );
+$comp-scw-callout-center-content-scw-base-paragraph-text-width: 365px;
+$comp-scw-callout-center-content-scw-base-paragraph-text-height: 27px;
+$comp-scw-callout-center-content-scw-base-paragraph-text-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-text-constraint-vertical: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-text-constrain-proportions: false;
+$comp-scw-callout-center-content-scw-base-paragraph-text-layout-context: FLEX;
+$comp-scw-callout-center-content-scw-base-paragraph-text-layout-mode: NONE;
+$comp-scw-callout-center-content-scw-base-paragraph-text-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-text-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-scw-base-paragraph-text-item-spacing: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-text-layout-align: INHERIT;
+$comp-scw-callout-center-content-scw-base-paragraph-text-layout-grow: 0;
+$comp-scw-callout-center-content-scw-base-paragraph-text-top: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-text-top-percent: 50%;
+$comp-scw-callout-center-content-scw-base-paragraph-text-bottom: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-text-left: 0px;
+$comp-scw-callout-center-content-scw-base-paragraph-text-left-percent: 50%;
+$comp-scw-callout-center-content-scw-base-paragraph-text-right: 0px;
+
+$comp-scw-callout-center-content-links-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-links-width: 174px;
+$comp-scw-callout-center-content-links-height: 37px;
+$comp-scw-callout-center-content-links-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-constrain-proportions: false;
+$comp-scw-callout-center-content-links-layout-context: FLEX;
+$comp-scw-callout-center-content-links-layout-mode: HORIZONTAL;
+$comp-scw-callout-center-content-links-primary-axis-align-items: CENTER;
+$comp-scw-callout-center-content-links-counter-axis-align-items: CENTER;
+$comp-scw-callout-center-content-links-item-spacing: var( --scw-spacing-2 );
+$comp-scw-callout-center-content-links-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-layout-grow: 0;
+$comp-scw-callout-center-content-links-top: calc( var( --scw-spacing-1 ) * 7.9 );
+$comp-scw-callout-center-content-links-top-percent: 84.05%;
+$comp-scw-callout-center-content-links-bottom: 0px;
+$comp-scw-callout-center-content-links-left: calc( var( --scw-spacing-1 ) * 9.55 );
+$comp-scw-callout-center-content-links-left-percent: 50%;
+$comp-scw-callout-center-content-links-right: calc( var( --scw-spacing-1 ) * 9.55 );
+$comp-scw-callout-center-content-links-padding-left: 0px;
+$comp-scw-callout-center-content-links-padding-right: 0px;
+$comp-scw-callout-center-content-links-padding-top: 0px;
+$comp-scw-callout-center-content-links-padding-bottom: 0px;
+
+$comp-scw-callout-center-content-links-link-1-background-color: var( --scw-color-primary-03 );
+$comp-scw-callout-center-content-links-link-1-blend-mode: NORMAL;
+$comp-scw-callout-center-content-links-link-1-corner-radius-top-left: 6px;
+$comp-scw-callout-center-content-links-link-1-corner-radius-top-right: 6px;
+$comp-scw-callout-center-content-links-link-1-corner-radius-bottom-right: 6px;
+$comp-scw-callout-center-content-links-link-1-corner-radius-bottom-left: 6px;
+$comp-scw-callout-center-content-links-link-1-width: 77px;
+$comp-scw-callout-center-content-links-link-1-height: 37px;
+$comp-scw-callout-center-content-links-link-1-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-1-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-1-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-1-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-1-layout-mode: HORIZONTAL;
+$comp-scw-callout-center-content-links-link-1-primary-axis-align-items: CENTER;
+$comp-scw-callout-center-content-links-link-1-counter-axis-align-items: CENTER;
+$comp-scw-callout-center-content-links-link-1-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-center-content-links-link-1-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-1-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-1-top: 0px;
+$comp-scw-callout-center-content-links-link-1-top-percent: 50%;
+$comp-scw-callout-center-content-links-link-1-bottom: 0px;
+$comp-scw-callout-center-content-links-link-1-left: 0px;
+$comp-scw-callout-center-content-links-link-1-left-percent: 22.13%;
+$comp-scw-callout-center-content-links-link-1-right: calc( var( --scw-spacing-1 ) * 9.7 );
+$comp-scw-callout-center-content-links-link-1-padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-1-padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-1-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-center-content-links-link-1-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-center-content-links-link-1-margin-right: calc( var( --scw-spacing-1 ) * 0.4 );
+
+$comp-scw-callout-center-content-links-link-1-left-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-links-link-1-left-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-center-content-links-link-1-left-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-center-content-links-link-1-left-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-center-content-links-link-1-left-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-center-content-links-link-1-left-icon-width: 24px;
+$comp-scw-callout-center-content-links-link-1-left-icon-height: 24px;
+$comp-scw-callout-center-content-links-link-1-left-icon-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-1-left-icon-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-1-left-icon-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-1-left-icon-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-1-left-icon-layout-mode: NONE;
+$comp-scw-callout-center-content-links-link-1-left-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-1-left-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-1-left-icon-item-spacing: 0px;
+$comp-scw-callout-center-content-links-link-1-left-icon-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-1-left-icon-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-1-left-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-center-content-links-link-1-left-icon-top-percent: 43.24%;
+$comp-scw-callout-center-content-links-link-1-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-center-content-links-link-1-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-1-left-icon-left-percent: 36.36%;
+$comp-scw-callout-center-content-links-link-1-left-icon-right: calc( var( --scw-spacing-1 ) * 3.7 );
+$comp-scw-callout-center-content-links-link-1-left-icon-padding-left: 0px;
+$comp-scw-callout-center-content-links-link-1-left-icon-padding-right: 0px;
+$comp-scw-callout-center-content-links-link-1-left-icon-padding-top: 0px;
+$comp-scw-callout-center-content-links-link-1-left-icon-padding-bottom: 0px;
+$comp-scw-callout-center-content-links-link-1-left-icon-margin-right: 0px;
+
+$comp-scw-callout-center-content-links-link-1-label-characters: 'Label';
+$comp-scw-callout-center-content-links-link-1-label-font-size: 1.125rem;
+$comp-scw-callout-center-content-links-link-1-label-text-align-horizontal: LEFT;
+$comp-scw-callout-center-content-links-link-1-label-text-align-vertical: CENTER;
+$comp-scw-callout-center-content-links-link-1-label-text-transform: none;
+$comp-scw-callout-center-content-links-link-1-label-color: var( --scw-color-grey-10 );
+$comp-scw-callout-center-content-links-link-1-label-font-family: 'Proxima Nova';
+$comp-scw-callout-center-content-links-link-1-label-font-weight: 700;
+$comp-scw-callout-center-content-links-link-1-label-line-height: 1.688rem;
+$comp-scw-callout-center-content-links-link-1-label-letter-spacing: 0rem;
+$comp-scw-callout-center-content-links-link-1-label-font: var( --scw-type-text-bold-06-font );
+$comp-scw-callout-center-content-links-link-1-label-width: 45px;
+$comp-scw-callout-center-content-links-link-1-label-height: 27px;
+$comp-scw-callout-center-content-links-link-1-label-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-1-label-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-1-label-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-1-label-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-1-label-layout-mode: NONE;
+$comp-scw-callout-center-content-links-link-1-label-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-1-label-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-1-label-item-spacing: 0px;
+$comp-scw-callout-center-content-links-link-1-label-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-1-label-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-1-label-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-center-content-links-link-1-label-top-percent: 50%;
+$comp-scw-callout-center-content-links-link-1-label-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-center-content-links-link-1-label-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-1-label-left-percent: 50%;
+$comp-scw-callout-center-content-links-link-1-label-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-1-label-margin-right: 0px;
+
+$comp-scw-callout-center-content-links-link-1-right-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-links-link-1-right-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-center-content-links-link-1-right-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-center-content-links-link-1-right-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-center-content-links-link-1-right-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-center-content-links-link-1-right-icon-width: 24px;
+$comp-scw-callout-center-content-links-link-1-right-icon-height: 24px;
+$comp-scw-callout-center-content-links-link-1-right-icon-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-1-right-icon-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-1-right-icon-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-1-right-icon-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-1-right-icon-layout-mode: NONE;
+$comp-scw-callout-center-content-links-link-1-right-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-1-right-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-1-right-icon-item-spacing: 0px;
+$comp-scw-callout-center-content-links-link-1-right-icon-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-1-right-icon-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-1-right-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-center-content-links-link-1-right-icon-top-percent: 43.24%;
+$comp-scw-callout-center-content-links-link-1-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-center-content-links-link-1-right-icon-left: calc( var( --scw-spacing-1 ) * 8.8 );
+$comp-scw-callout-center-content-links-link-1-right-icon-left-percent: 129.87%;
+$comp-scw-callout-center-content-links-link-1-right-icon-right: calc( var( --scw-spacing-1 ) * -3.5 );
+$comp-scw-callout-center-content-links-link-1-right-icon-padding-left: 0px;
+$comp-scw-callout-center-content-links-link-1-right-icon-padding-right: 0px;
+$comp-scw-callout-center-content-links-link-1-right-icon-padding-top: 0px;
+$comp-scw-callout-center-content-links-link-1-right-icon-padding-bottom: 0px;
+
+$comp-scw-callout-center-content-links-link-2-background-color: var( --scw-color-grey-10 );
+$comp-scw-callout-center-content-links-link-2-blend-mode: NORMAL;
+$comp-scw-callout-center-content-links-link-2-stroke-color: var( --scw-color-primary-04 );
+$comp-scw-callout-center-content-links-link-2-stroke-weight: 2px;
+$comp-scw-callout-center-content-links-link-2-stroke-align: OUTSIDE;
+$comp-scw-callout-center-content-links-link-2-corner-radius-top-left: 6px;
+$comp-scw-callout-center-content-links-link-2-corner-radius-top-right: 6px;
+$comp-scw-callout-center-content-links-link-2-corner-radius-bottom-right: 6px;
+$comp-scw-callout-center-content-links-link-2-corner-radius-bottom-left: 6px;
+$comp-scw-callout-center-content-links-link-2-width: 77px;
+$comp-scw-callout-center-content-links-link-2-height: 37px;
+$comp-scw-callout-center-content-links-link-2-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-2-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-2-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-2-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-2-layout-mode: HORIZONTAL;
+$comp-scw-callout-center-content-links-link-2-primary-axis-align-items: CENTER;
+$comp-scw-callout-center-content-links-link-2-counter-axis-align-items: CENTER;
+$comp-scw-callout-center-content-links-link-2-item-spacing: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-center-content-links-link-2-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-2-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-2-top: 0px;
+$comp-scw-callout-center-content-links-link-2-top-percent: 50%;
+$comp-scw-callout-center-content-links-link-2-bottom: 0px;
+$comp-scw-callout-center-content-links-link-2-left: calc( var( --scw-spacing-1 ) * 9.7 );
+$comp-scw-callout-center-content-links-link-2-left-percent: 77.87%;
+$comp-scw-callout-center-content-links-link-2-right: 0px;
+$comp-scw-callout-center-content-links-link-2-padding-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-2-padding-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-2-padding-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-center-content-links-link-2-padding-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+
+$comp-scw-callout-center-content-links-link-2-left-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-links-link-2-left-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-center-content-links-link-2-left-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-center-content-links-link-2-left-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-center-content-links-link-2-left-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-center-content-links-link-2-left-icon-width: 24px;
+$comp-scw-callout-center-content-links-link-2-left-icon-height: 24px;
+$comp-scw-callout-center-content-links-link-2-left-icon-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-2-left-icon-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-2-left-icon-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-2-left-icon-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-2-left-icon-layout-mode: NONE;
+$comp-scw-callout-center-content-links-link-2-left-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-2-left-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-2-left-icon-item-spacing: 0px;
+$comp-scw-callout-center-content-links-link-2-left-icon-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-2-left-icon-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-2-left-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-center-content-links-link-2-left-icon-top-percent: 43.24%;
+$comp-scw-callout-center-content-links-link-2-left-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-center-content-links-link-2-left-icon-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-2-left-icon-left-percent: 36.36%;
+$comp-scw-callout-center-content-links-link-2-left-icon-right: calc( var( --scw-spacing-1 ) * 3.7 );
+$comp-scw-callout-center-content-links-link-2-left-icon-padding-left: 0px;
+$comp-scw-callout-center-content-links-link-2-left-icon-padding-right: 0px;
+$comp-scw-callout-center-content-links-link-2-left-icon-padding-top: 0px;
+$comp-scw-callout-center-content-links-link-2-left-icon-padding-bottom: 0px;
+$comp-scw-callout-center-content-links-link-2-left-icon-margin-right: 0px;
+
+$comp-scw-callout-center-content-links-link-2-label-characters: 'Label';
+$comp-scw-callout-center-content-links-link-2-label-font-size: 1.125rem;
+$comp-scw-callout-center-content-links-link-2-label-text-align-horizontal: LEFT;
+$comp-scw-callout-center-content-links-link-2-label-text-align-vertical: CENTER;
+$comp-scw-callout-center-content-links-link-2-label-text-transform: none;
+$comp-scw-callout-center-content-links-link-2-label-color: var( --scw-color-primary-03 );
+$comp-scw-callout-center-content-links-link-2-label-font-family: 'Proxima Nova';
+$comp-scw-callout-center-content-links-link-2-label-font-weight: 700;
+$comp-scw-callout-center-content-links-link-2-label-line-height: 1.688rem;
+$comp-scw-callout-center-content-links-link-2-label-letter-spacing: 0rem;
+$comp-scw-callout-center-content-links-link-2-label-font: var( --scw-type-text-bold-06-font );
+$comp-scw-callout-center-content-links-link-2-label-width: 45px;
+$comp-scw-callout-center-content-links-link-2-label-height: 27px;
+$comp-scw-callout-center-content-links-link-2-label-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-2-label-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-2-label-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-2-label-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-2-label-layout-mode: NONE;
+$comp-scw-callout-center-content-links-link-2-label-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-2-label-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-2-label-item-spacing: 0px;
+$comp-scw-callout-center-content-links-link-2-label-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-2-label-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-2-label-top: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-center-content-links-link-2-label-top-percent: 50%;
+$comp-scw-callout-center-content-links-link-2-label-bottom: calc( var( --scw-spacing-1 ) * 0.5 );
+$comp-scw-callout-center-content-links-link-2-label-left: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-2-label-left-percent: 50%;
+$comp-scw-callout-center-content-links-link-2-label-right: calc( var( --scw-spacing-1 ) * 1.6 );
+$comp-scw-callout-center-content-links-link-2-label-margin-right: 0px;
+
+$comp-scw-callout-center-content-links-link-2-right-icon-background-color: rgba(0,0,0,0);
+$comp-scw-callout-center-content-links-link-2-right-icon-corner-radius-top-left: 6px;
+$comp-scw-callout-center-content-links-link-2-right-icon-corner-radius-top-right: 6px;
+$comp-scw-callout-center-content-links-link-2-right-icon-corner-radius-bottom-right: 6px;
+$comp-scw-callout-center-content-links-link-2-right-icon-corner-radius-bottom-left: 6px;
+$comp-scw-callout-center-content-links-link-2-right-icon-width: 24px;
+$comp-scw-callout-center-content-links-link-2-right-icon-height: 24px;
+$comp-scw-callout-center-content-links-link-2-right-icon-constraint-horizontal: MIN;
+$comp-scw-callout-center-content-links-link-2-right-icon-constraint-vertical: MIN;
+$comp-scw-callout-center-content-links-link-2-right-icon-constrain-proportions: false;
+$comp-scw-callout-center-content-links-link-2-right-icon-layout-context: FLEX;
+$comp-scw-callout-center-content-links-link-2-right-icon-layout-mode: NONE;
+$comp-scw-callout-center-content-links-link-2-right-icon-primary-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-2-right-icon-counter-axis-align-items: MIN;
+$comp-scw-callout-center-content-links-link-2-right-icon-item-spacing: 0px;
+$comp-scw-callout-center-content-links-link-2-right-icon-layout-align: INHERIT;
+$comp-scw-callout-center-content-links-link-2-right-icon-layout-grow: 0;
+$comp-scw-callout-center-content-links-link-2-right-icon-top: calc( var( --scw-spacing-1 ) * 0.4 );
+$comp-scw-callout-center-content-links-link-2-right-icon-top-percent: 43.24%;
+$comp-scw-callout-center-content-links-link-2-right-icon-bottom: calc( var( --scw-spacing-1 ) * 0.9 );
+$comp-scw-callout-center-content-links-link-2-right-icon-left: calc( var( --scw-spacing-1 ) * 8.8 );
+$comp-scw-callout-center-content-links-link-2-right-icon-left-percent: 129.87%;
+$comp-scw-callout-center-content-links-link-2-right-icon-right: calc( var( --scw-spacing-1 ) * -3.5 );
+$comp-scw-callout-center-content-links-link-2-right-icon-padding-left: 0px;
+$comp-scw-callout-center-content-links-link-2-right-icon-padding-right: 0px;
+$comp-scw-callout-center-content-links-link-2-right-icon-padding-top: 0px;
+$comp-scw-callout-center-content-links-link-2-right-icon-padding-bottom: 0px;