/* BASIC css start */
.mini-popup{ position: fixed; bottom: 50px; left: 50px; width: 50px; height: 50px; border-radius: 50px;transition: 0.3s; z-index: 15; background-color: var(--pointBlue01); filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));}
.mini-popup.scroll-up{width: 165px; transition: 0.3s;}
.mini-popup .close-btn{background-color: rgba(0, 0, 0, 0.4); border-radius: 50px; width: 15px; height: 15px; display: block; position: absolute; top: -20px; right: 0; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.mini-popup a{display: flex; border-radius: 50px; overflow: hidden; align-items: center; gap: 5px;}
.mini-popup a .left{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 10px;}
.mini-popup a .left img{width: 40px; height: 40px;}
.mini-popup a .left:after{ content: 'RENEWAL'; color: var(--pink); font-weight: 800; background: #fdf2ff; width: 40px; height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; letter-spacing: -1.7px;}
.mini-popup a .right{flex-shrink: 0;}
.mini-popup a .right strong{color: #fff; font-size: 12px; font-weight: 300; letter-spacing: -0.035em;}
.mini-popup a .right p{color: #fff; font-size: 11px; font-weight: 500; letter-spacing: -0.035em;}


/* BASIC css end */