:root{--bg_btn_close:#ffffff}.close{vertical-align:middle;border:none;border-radius:50%;position:relative;width:32px;height:32px;opacity:.8;position:absolute;right:10px}.close:focus,.close:hover{opacity:1;background:rgba(128,128,128,.5)}.close:active{background:rgba(128,128,128,.9)}.close::after,.close::before{content:" ";position:absolute;top:50%;left:50%;height:20px;width:3px;background-color:var(--bg_btn_close)}.close::before{transform:translate(-50%,-50%) rotate(45deg)}.close::after{transform:translate(-50%,-50%) rotate(-45deg)}.close_div{position:absolute;top:0;right:0}.close_modal{vertical-align:middle;border:none;border-radius:50%;position:relative;width:32px;height:32px;opacity:.8;position:absolute;right:10px}.close_modal:focus,.close_modal:hover{opacity:1;background:rgba(128,128,128,.3)}.close_modal:active{background:rgba(128,128,128,.6)}.close_modal::after,.close_modal::before{content:" ";position:absolute;top:50%;left:50%;height:20px;width:3px;background-color:currentColor}.close_modal::before{transform:translate(-50%,-50%) rotate(45deg)}.close_modal::after{transform:translate(-50%,-50%) rotate(-45deg)}