.ui-modal-close{display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(21,62,49,.13);border-radius:50%;background:#fff;color:var(--color-text);box-shadow:0 5px 17px rgba(20,40,32,.12);cursor:pointer;transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.ui-modal-close:hover{background:var(--color-brand);color:#fff;box-shadow:0 8px 20px rgba(20,83,63,.25);transform:rotate(90deg)}.ui-modal-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}