.card{background-color:var(--off-white);border-radius:var(--radius-lg);border:.2px solid var(--primary-100);flex-direction:column;transition:box-shadow .25s,background-color .25s,transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 1px #00000008,0 2px 8px #0000000a}.card__top-section{padding:var(--space-md) var(--space-md);flex-direction:column;align-items:center;display:flex}.card__close-button{top:var(--space-md);right:var(--space-md);width:2rem;height:2rem;color:var(--black-50);background:var(--black-5);border-radius:var(--radius-circle);cursor:pointer;z-index:2;border:none;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute}.card__close-button:hover{background:var(--black-10);color:var(--black)}.card--hover-lift:hover{background-color:var(--white);transform:translateY(-1px);box-shadow:0 8px 24px -8px #0000001a,0 1px 2px #0000000f}.card--hover-sweep:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px #0000001a,0 1px 2px #0000000f}.card__bottom-section{padding:0px var(--space-md) var(--space-md);flex-direction:column;display:flex;position:relative}.card__bottom-section-inner{z-index:1;position:relative}.card--hover-sweep .card__bottom-section:after{content:"";background:var(--primary-5);transform-origin:0;pointer-events:none;z-index:0;transition:transform .35s;position:absolute;inset:0;transform:scaleX(0)}.card--hover-sweep:hover .card__bottom-section:after{transform:scaleX(1)}
