#booknetic-redeem-points-container{padding:10px;border-radius:2px 2px 8px 8px;background:linear-gradient(71deg,#9C53E7 0%,#667EEA 100%);display:flex;justify-content:space-between;align-items:center;gap:4px;img{width:20px;height:20px}.booknetic-use-coins-btn{display:flex;align-items:center;gap:4px;img{width:10px}}.booknetic-use-points-wrapper{position:relative;label{font-size:14px;line-height:20px;font-weight:400}.booknetic-use-points{position:absolute;top:48px;right:0;padding:12px;border-radius:6px;border:1px solid #E3EBF4;background:#FFF;box-shadow:0 4px 30px 0 rgba(0,0,0,.1);z-index:999;width:196px;&>div{display:flex;align-items:center;justify-content:space-between;gap:12px}input{border-radius:8px;border:1px solid #E3EAF3;background:#FFF;font-size:12px;line-height:18px;padding:8px 12px;flex:1;&::placeholder{color:rgba(0,0,0,.2)}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&{-moz-appearance:textfield}}.booknetic-use-points-button{all:unset;padding:8px 12px;color:#FFF;font-size:12px;font-weight:500;line-height:16px;background:#6C70DC;border-radius:8px;border:thin solid #6C70DC;cursor:pointer;&:focus{outline:none}&:hover{background-color:#5A5FD1}}}}.points-details{display:flex;align-items:center;gap:6px;margin-right:auto;.total-points{color:#FFF;font-size:20px;font-weight:500;line-height:30px}.point-value{color:rgba(255,255,255,.6);font-size:12px;line-height:18px}}button{all:unset;padding:12px;color:#FFF;font-size:12px;line-height:18px;border-radius:46px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);cursor:pointer;&:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.55);box-shadow:0 6px 18px rgba(0,0,0,.18);transform:translateY(-1px)}&:focus{outline:none}.booknetic-used-points{display:flex;align-items:center;gap:4px}}@media (max-width:576px){&{flex-direction:column;img{align-self:flex-start}.booknetic-use-points-wrapper{width:100%;.booknetic-use-points{left:0;right:auto}}}}}