/* BOTÓN DE CIERRE*/

.close{
    position: absolute;
    top: -12px;
    right: -12px;
    height: 25px;
    width: 25px;
    border: 1px solid var(--error_color);
    background-color: var(--error_aux_color);
    border-radius: 50%;
    cursor: pointer;
}

.close::before,.close::after{
    content: "";
    border-top: 1px solid var(--error_color);
    --close_icon_size: 65%;
    position: absolute;
    width: var(--close_icon_size);
    left: calc( calc( 100% - var(--close_icon_size)) / 2 );
    top: calc(50% - 0.5px);
}

.close:hover{
    box-shadow: 0px 0px 4px var(--error_color);

}

.close::before{
    transform: rotate(45deg);
}

.close::after{
    transform: rotate(-45deg);
}

.close .close_icon{
    filter: invert(10%) sepia(93%) saturate(4998%) hue-rotate(358deg) brightness(86%) contrast(113%);
    --close_icon_relative_size: 50%;
    height: var(--close_icon_relative_size);
    width: var(--close_icon_relative_size);
    margin: calc(calc(100% - var(--close_icon_relative_size)) / 2) auto;
}