/**
 * Atom: Close Button
 */

.btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--wp--preset--color--contrast);
    transition: opacity 0.2s ease;
}

.btn-close:hover {
    opacity: 0.7;
}

.btn-close:focus {
    outline: 2px solid var(--wp--preset--color--secondary);
    outline-offset: 2px;
}

.btn-close svg {
    width: 28px;
    height: 28px;
}