@purpurds/card 5.24.1 → 5.24.2

package/dist/styles.css

@@ -1 +1 @@
-._purpur-card_1owb4_1{transition:box-shadow var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out);overflow:hidden;border-radius:var(--purpur-border-radius-md);container:card/inline-size}@container card (min-width: 600px){._purpur-card_1owb4_1{border-radius:var(--purpur-border-radius-lg)}}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]){border:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible){border-color:var(--purpur-color-border-interactive-subtle-hover);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary);border-color:var(--purpur-color-border-interactive-primary)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])){box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-primary-hover);outline-offset:-1px}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])){border-color:var(--purpur-color-border-interactive-subtle-hover);box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])),._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])){outline:none;border-color:1px solid var(--purpur-color-border-interactive-primary-active)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent-active);color:var(--purpur-color-text-interactive-primary-active);border-color:var(--purpur-color-border-interactive-primary-active)}._purpur-card-badge_r7moe_1{position:absolute;top:var(--purpur-spacing-100);right:var(--purpur-spacing-100)}._purpur-card-content_2uc00_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-250)}._purpur-card-content-container_1oawn_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-300);padding:var(--purpur-spacing-200)}@media screen and (min-width: 600px){._purpur-card-content-container_1oawn_1{padding:var(--purpur-spacing-300)}}._purpur-card-content-container--footer_1oawn_12{padding:0 var(--purpur-spacing-200) var(--purpur-spacing-200)}@media screen and (min-width: 600px){._purpur-card-content-container--footer_1oawn_12{padding:0 var(--purpur-spacing-300) var(--purpur-spacing-300)}}._purpur-card-cta_1fd16_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-card-cta_1fd16_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-card-cta_1fd16_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-card-cta_1fd16_1 svg{display:block}._purpur-card-cta--sm_1fd16_33{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-card-cta--sm_1fd16_33._purpur-card-cta--icon-only_1fd16_36{padding:var(--purpur-spacing-100)}._purpur-card-cta--md_1fd16_39{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-card-cta--md_1fd16_39._purpur-card-cta--icon-only_1fd16_36{padding:var(--purpur-spacing-150)}._purpur-card-cta--lg_1fd16_45{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-card-cta--lg_1fd16_45._purpur-card-cta--icon-only_1fd16_36{padding:var(--purpur-spacing-200)}._purpur-card-cta--full-width_1fd16_51{width:100%}._purpur-card-cta--primary_1fd16_54{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-card-cta--primary_1fd16_54:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-card-cta--primary_1fd16_54:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-card-cta--primary-negative_1fd16_64{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-card-cta--primary-negative_1fd16_64:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-card-cta--primary-negative_1fd16_64:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-card-cta--secondary_1fd16_76{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-card-cta--secondary_1fd16_76:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-card-cta--secondary_1fd16_76:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-card-cta--secondary-negative_1fd16_87{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-card-cta--secondary-negative_1fd16_87:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-card-cta--secondary-negative_1fd16_87:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-card-cta--expressive_1fd16_98{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-card-cta--expressive_1fd16_98:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-card-cta--expressive_1fd16_98:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-card-cta--expressive-negative_1fd16_108{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-card-cta--expressive-negative_1fd16_108:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-card-cta--expressive-negative_1fd16_108:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-card-cta--secondary_1fd16_76._purpur-card-cta--disabled_1fd16_58{box-shadow:none}._purpur-card-cta--disabled_1fd16_58{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-card-cta--text_1fd16_128{width:100%;box-sizing:border-box}._purpur-card-feature-list_ej4qm_1{list-style-type:none;margin:0;padding:0}._purpur-card-feature-list__list-item_ej4qm_6{align-items:center;display:flex;gap:var(--purpur-spacing-100)}._purpur-card-link-arrow_1r4zu_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-card-link-arrow_1r4zu_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-card-link-arrow_1r4zu_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-card-link-arrow_1r4zu_1 svg{display:block}._purpur-card-link-arrow--sm_1r4zu_33{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-card-link-arrow--sm_1r4zu_33._purpur-card-link-arrow--icon-only_1r4zu_36{padding:var(--purpur-spacing-100)}._purpur-card-link-arrow--md_1r4zu_39{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-card-link-arrow--md_1r4zu_39._purpur-card-link-arrow--icon-only_1r4zu_36{padding:var(--purpur-spacing-150)}._purpur-card-link-arrow--lg_1r4zu_45{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-card-link-arrow--lg_1r4zu_45._purpur-card-link-arrow--icon-only_1r4zu_36{padding:var(--purpur-spacing-200)}._purpur-card-link-arrow--full-width_1r4zu_51{width:100%}._purpur-card-link-arrow--primary_1r4zu_54{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-card-link-arrow--primary_1r4zu_54:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-card-link-arrow--primary_1r4zu_54:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-card-link-arrow--primary-negative_1r4zu_64{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-card-link-arrow--primary-negative_1r4zu_64:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-card-link-arrow--primary-negative_1r4zu_64:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-card-link-arrow--secondary_1r4zu_76{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-card-link-arrow--secondary_1r4zu_76:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-card-link-arrow--secondary_1r4zu_76:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-card-link-arrow--secondary-negative_1r4zu_87{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-card-link-arrow--secondary-negative_1r4zu_87:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-card-link-arrow--secondary-negative_1r4zu_87:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-card-link-arrow--expressive_1r4zu_98{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-card-link-arrow--expressive_1r4zu_98:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-card-link-arrow--expressive_1r4zu_98:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-card-link-arrow--expressive-negative_1r4zu_108{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-card-link-arrow--expressive-negative_1r4zu_108:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-card-link-arrow--expressive-negative_1r4zu_108:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-card-link-arrow--secondary_1r4zu_76._purpur-card-link-arrow--disabled_1r4zu_58{box-shadow:none}._purpur-card-link-arrow--disabled_1r4zu_58{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-card-overline_192fe_1._purpur-card-overline_192fe_1{color:var(--purpur-color-text-medium);font-size:var(--purpur-typography-scale-75);font-weight:var(--purpur-typography-weight-normal);margin-bottom:var(--purpur-spacing-50)}._purpur-card-root_bqk1d_1{border-radius:var(--purpur-border-radius-md);display:flex;flex-direction:column;overflow:hidden;position:relative}._purpur-card-root--primary_bqk1d_8{background-color:var(--purpur-color-background-primary)}._purpur-card-root--secondary_bqk1d_11{background-color:var(--purpur-color-background-secondary)}._purpur-card-root--full-height_bqk1d_14{height:100%;justify-content:space-between}._purpur-card-trigger-item_1sp43_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}._purpur-card-trigger-item--button_1sp43_6{background-color:transparent;border:none;cursor:pointer}._purpur-card-trigger-item--disabled_1sp43_11{cursor:not-allowed}._purpur-card-trigger-item_1sp43_1:focus-visible{outline:none}
+._purpur-card_1owb4_1{transition:box-shadow var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out);overflow:hidden;border-radius:var(--purpur-border-radius-md);container:card/inline-size}@container card (min-width: 600px){._purpur-card_1owb4_1{border-radius:var(--purpur-border-radius-lg)}}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]){border:var(--purpur-border-width-xs) solid var(--purpur-color-border-weak)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible){border-color:var(--purpur-color-border-interactive-subtle-hover);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary);border-color:var(--purpur-color-border-interactive-primary)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])){box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-primary-hover);outline-offset:-1px}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])){border-color:var(--purpur-color-border-interactive-subtle-hover);box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])),._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])){outline:none;border-color:1px solid var(--purpur-color-border-interactive-primary-active)}._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1owb4_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta]{background:var(--purpur-color-background-interactive-transparent-active);color:var(--purpur-color-text-interactive-primary-active);border-color:var(--purpur-color-border-interactive-primary-active)}._purpur-card-badge_r7moe_1{position:absolute;top:var(--purpur-spacing-100);right:var(--purpur-spacing-100)}._purpur-card-content_2uc00_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-250)}._purpur-card-content-container_ueryq_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-300);padding:var(--purpur-spacing-250) var(--purpur-spacing-200)}@media screen and (min-width: 600px){._purpur-card-content-container_ueryq_1{padding:calc(var(--purpur-spacing-400) + var(--purpur-spacing-100)) var(--purpur-spacing-300) var(--purpur-spacing-400) var(--purpur-spacing-300)}}._purpur-card-content-container--footer_ueryq_12{padding:0 var(--purpur-spacing-200) var(--purpur-spacing-200)}@media screen and (min-width: 600px){._purpur-card-content-container--footer_ueryq_12{padding:0 var(--purpur-spacing-300) var(--purpur-spacing-300)}}._purpur-card-cta_1fd16_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-card-cta_1fd16_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-card-cta_1fd16_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-card-cta_1fd16_1 svg{display:block}._purpur-card-cta--sm_1fd16_33{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-card-cta--sm_1fd16_33._purpur-card-cta--icon-only_1fd16_36{padding:var(--purpur-spacing-100)}._purpur-card-cta--md_1fd16_39{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-card-cta--md_1fd16_39._purpur-card-cta--icon-only_1fd16_36{padding:var(--purpur-spacing-150)}._purpur-card-cta--lg_1fd16_45{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-card-cta--lg_1fd16_45._purpur-card-cta--icon-only_1fd16_36{padding:var(--purpur-spacing-200)}._purpur-card-cta--full-width_1fd16_51{width:100%}._purpur-card-cta--primary_1fd16_54{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-card-cta--primary_1fd16_54:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-card-cta--primary_1fd16_54:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-card-cta--primary-negative_1fd16_64{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-card-cta--primary-negative_1fd16_64:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-card-cta--primary-negative_1fd16_64:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-card-cta--secondary_1fd16_76{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-card-cta--secondary_1fd16_76:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-card-cta--secondary_1fd16_76:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-card-cta--secondary-negative_1fd16_87{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-card-cta--secondary-negative_1fd16_87:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-card-cta--secondary-negative_1fd16_87:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-card-cta--expressive_1fd16_98{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-card-cta--expressive_1fd16_98:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-card-cta--expressive_1fd16_98:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-card-cta--expressive-negative_1fd16_108{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-card-cta--expressive-negative_1fd16_108:hover:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-card-cta--expressive-negative_1fd16_108:active:not(._purpur-card-cta--disabled_1fd16_58){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-card-cta--secondary_1fd16_76._purpur-card-cta--disabled_1fd16_58{box-shadow:none}._purpur-card-cta--disabled_1fd16_58{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-card-cta--text_1fd16_128{width:100%;box-sizing:border-box}._purpur-card-feature-list_ej4qm_1{list-style-type:none;margin:0;padding:0}._purpur-card-feature-list__list-item_ej4qm_6{align-items:center;display:flex;gap:var(--purpur-spacing-100)}._purpur-card-link-arrow_1r4zu_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-card-link-arrow_1r4zu_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-card-link-arrow_1r4zu_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-card-link-arrow_1r4zu_1 svg{display:block}._purpur-card-link-arrow--sm_1r4zu_33{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-card-link-arrow--sm_1r4zu_33._purpur-card-link-arrow--icon-only_1r4zu_36{padding:var(--purpur-spacing-100)}._purpur-card-link-arrow--md_1r4zu_39{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-card-link-arrow--md_1r4zu_39._purpur-card-link-arrow--icon-only_1r4zu_36{padding:var(--purpur-spacing-150)}._purpur-card-link-arrow--lg_1r4zu_45{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-card-link-arrow--lg_1r4zu_45._purpur-card-link-arrow--icon-only_1r4zu_36{padding:var(--purpur-spacing-200)}._purpur-card-link-arrow--full-width_1r4zu_51{width:100%}._purpur-card-link-arrow--primary_1r4zu_54{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-card-link-arrow--primary_1r4zu_54:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-card-link-arrow--primary_1r4zu_54:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-card-link-arrow--primary-negative_1r4zu_64{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-card-link-arrow--primary-negative_1r4zu_64:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-card-link-arrow--primary-negative_1r4zu_64:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-card-link-arrow--secondary_1r4zu_76{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-card-link-arrow--secondary_1r4zu_76:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-card-link-arrow--secondary_1r4zu_76:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-card-link-arrow--secondary-negative_1r4zu_87{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-card-link-arrow--secondary-negative_1r4zu_87:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-card-link-arrow--secondary-negative_1r4zu_87:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-card-link-arrow--expressive_1r4zu_98{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-card-link-arrow--expressive_1r4zu_98:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-card-link-arrow--expressive_1r4zu_98:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-card-link-arrow--expressive-negative_1r4zu_108{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-card-link-arrow--expressive-negative_1r4zu_108:hover:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-card-link-arrow--expressive-negative_1r4zu_108:active:not(._purpur-card-link-arrow--disabled_1r4zu_58){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-card-link-arrow--secondary_1r4zu_76._purpur-card-link-arrow--disabled_1r4zu_58{box-shadow:none}._purpur-card-link-arrow--disabled_1r4zu_58{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-card-overline_192fe_1._purpur-card-overline_192fe_1{color:var(--purpur-color-text-medium);font-size:var(--purpur-typography-scale-75);font-weight:var(--purpur-typography-weight-normal);margin-bottom:var(--purpur-spacing-50)}._purpur-card-root_bqk1d_1{border-radius:var(--purpur-border-radius-md);display:flex;flex-direction:column;overflow:hidden;position:relative}._purpur-card-root--primary_bqk1d_8{background-color:var(--purpur-color-background-primary)}._purpur-card-root--secondary_bqk1d_11{background-color:var(--purpur-color-background-secondary)}._purpur-card-root--full-height_bqk1d_14{height:100%;justify-content:space-between}._purpur-card-trigger-item_1sp43_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}._purpur-card-trigger-item--button_1sp43_6{background-color:transparent;border:none;cursor:pointer}._purpur-card-trigger-item--disabled_1sp43_11{cursor:not-allowed}._purpur-card-trigger-item_1sp43_1:focus-visible{outline:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/card",
-  "version": "5.24.1",
+  "version": "5.24.2",
   "license": "AGPL-3.0-only",
   "main": "./dist/card.cjs.js",
   "types": "./dist/card.d.ts",
@@ -15,12 +15,12 @@
   "source": "src/card.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/paragraph": "5.24.1",
-    "@purpurds/badge": "5.24.1",
-    "@purpurds/spinner": "5.24.1",
-    "@purpurds/tokens": "5.24.1",
-    "@purpurds/icon": "5.24.1",
-    "@purpurds/visually-hidden": "5.24.1"
+    "@purpurds/icon": "5.24.2",
+    "@purpurds/badge": "5.24.2",
+    "@purpurds/spinner": "5.24.2",
+    "@purpurds/paragraph": "5.24.2",
+    "@purpurds/visually-hidden": "5.24.2",
+    "@purpurds/tokens": "5.24.2"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -45,11 +45,11 @@
     "typescript": "^5.6.3",
     "vite": "5.4.8",
     "vitest": "^2.1.2",
-    "@purpurds/action": "5.24.1",
-    "@purpurds/button": "5.24.1",
+    "@purpurds/action": "5.24.2",
+    "@purpurds/button": "5.24.2",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/heading": "5.24.1",
-    "@purpurds/grid": "5.24.1"
+    "@purpurds/grid": "5.24.2",
+    "@purpurds/heading": "5.24.2"
   },
   "scripts": {
     "build:dev": "vite",

package/src/card-content-container.module.scss

@@ -4,10 +4,11 @@
   display: flex;
   flex-direction: column;
   gap: var(--purpur-spacing-300);
-  padding: var(--purpur-spacing-200);
+  padding: var(--purpur-spacing-250) var(--purpur-spacing-200);
 
   @media screen and (min-width: #{$purpur-breakpoint-md}) {
-    padding: var(--purpur-spacing-300);
+    padding: calc(var(--purpur-spacing-400) + var(--purpur-spacing-100)) var(--purpur-spacing-300)
+      var(--purpur-spacing-400) var(--purpur-spacing-300);
   }
 
   &--footer {
@@ -17,4 +18,4 @@
       padding: 0 var(--purpur-spacing-300) var(--purpur-spacing-300);
     }
   }
-}
+}