.btn-close{position:absolute;width:2em;height:2em;border:none;background:rgba(180,83,107,.11);border-radius:5px;transition:background .5s}.X{transform:translateX(-50%) rotate(45deg)}.X,.Y{content:"";position:absolute;top:50%;left:50%;width:2em;height:1.5px;background-color:#fff}.Y{transform:translateX(-50%) rotate(-45deg)}.close{position:absolute;display:flex;padding:.8rem 1.5rem;align-items:center;justify-content:center;transform:translateX(-50%);top:-70%;left:50%;width:3em;height:1.7em;font-size:12px;background-color:#131618;color:#bbe5ec;border:none;border-radius:3px;pointer-events:none;opacity:0}.btn-close:hover{background-color:#d31515}.btn-close:active{background-color:#820000}.btn-close:hover>.close{animation:close .2s .25s forwards}@keyframes close{to{opacity:1}}