.close-btn{--cb-size: 2.5rem;--cb-icon: calc(var(--cb-size) * 0.5);--cb-radius: var(--rad-std, 0.25rem);--cb-bg: var(--col-white, #fff);--cb-fg: inherit;--cb-hover-bg: var(--col-accent, #b00000);--cb-hover-fg: var(--col-white, #fff);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--cb-size);height:var(--cb-size);padding:0;border:0;border-radius:var(--cb-radius);background-color:var(--cb-bg);color:var(--cb-fg);cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .2s ease}.close-btn .feather,.close-btn svg{flex:0 0 auto;width:var(--cb-icon);height:var(--cb-icon)}.close-btn:hover{background-color:var(--cb-hover-bg);color:var(--cb-hover-fg);transform:scale(1.08)}.close-btn:active{transform:scale(0.94)}.close-btn:focus-visible{outline:2px solid var(--cb-hover-bg);outline-offset:2px}.close-btn--lg{--cb-size: 3rem}.close-btn--round{--cb-radius: 999px}.close-btn--corner{position:absolute;top:0;right:0;margin-top:.5rem;margin-right:.5rem}