.CardOutline{--background:var(--neutral-white);--background-hover:var(--primary-ultra-soft);--color:var(--primary-ultra-hard);display:block}.CardOutline .CardOutline__Wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--background);border:1px solid var(--primary-ultra-hard);border-radius:.5rem;-webkit-box-shadow:0 .125rem .5rem 0 var(--neutral-dark-transparent-ultra-soft);box-shadow:0 .125rem .5rem 0 var(--neutral-dark-transparent-ultra-soft);color:var(--color);gap:2rem;height:100%;justify-content:space-between;max-width:23rem;min-height:8rem;padding:1.5rem;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.CardOutline .CardOutline__Wrapper:hover{background-color:var(--background-hover)}.CardOutline jump-button{--jump-button-background:var(--primary-hard);font-weight:var(--fw-400);text-transform:uppercase}.CardOutline--Dark{--background:var(--primary-hard);--background-hover:var(--primary-ultra-hard);--color:var(--neutral-white)}.CardOutline--Dark .CardOutline__Wrapper{text-transform:uppercase;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.CardOutline--Dark jump-button{--jump-button-background:var(--neutral-white)}