.close-button{display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--color-white);border-radius:var(--radius-sm);cursor:pointer;padding:0;transition:var(--transition-interactive);position:relative;z-index:10}.close-button--sm{width:1.5rem;height:1.5rem}.close-button--md{width:2rem;height:2rem}.close-button--lg{width:2.5rem;height:2.5rem}.close-icon{width:100%;height:100%;color:var(--color-hms-pink);transition:var(--transition-interactive);filter:drop-shadow(-1px -1px 0 var(--color-black)) drop-shadow(1px -1px 0 var(--color-black)) drop-shadow(-1px 1px 0 var(--color-black)) drop-shadow(1px 1px 0 var(--color-black)) drop-shadow(-1px 0 0 var(--color-black)) drop-shadow(1px 0 0 var(--color-black)) drop-shadow(0 -1px 0 var(--color-black)) drop-shadow(0 1px 0 var(--color-black))}.close-button:hover{transform:rotate(90deg);border-color:var(--color-hms-pink)}.close-button:hover .close-icon{color:var(--color-white);filter:drop-shadow(-2px -2px 0 var(--color-black)) drop-shadow(2px -2px 0 var(--color-black)) drop-shadow(-2px 2px 0 var(--color-black)) drop-shadow(2px 2px 0 var(--color-black)) drop-shadow(-2px 0 0 var(--color-black)) drop-shadow(2px 0 0 var(--color-black)) drop-shadow(0 -2px 0 var(--color-black)) drop-shadow(0 2px 0 var(--color-black))}.close-button:active{transform:scale(.95)}.close-button:focus,.close-button:focus-visible{outline:none}