.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal__content{background:white;border-radius:8px;padding:20px;width:400px;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.2)}.modal__close-btn{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:20px;cursor:pointer;color:#555;transition:color .2s ease-in-out}.modal__close-btn:hover{color:#000}