body{color:#fff;font-family:Poppins,sans-serif;display:flex;justify-content:center;height:92vh}.zikr-container{background-color:#101827;display:flex;flex-direction:column;align-items:center;padding:20px;width:350px;height:100%}.zikr-header{display:flex;justify-content:space-between;align-items:center;width:100%;color:#fff;font-size:16px}.zikr-header .title{font-weight:600}.zikr-header .icons{display:flex;gap:10px;align-items:center}.zikr-main{margin-top:40px;text-align:center}.progress-circle{border:2px solid #0f5132;border-radius:50%;width:120px;height:120px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#00b050;font-size:22px;font-weight:600;position:relative}.progress-text{z-index:2}.total{margin-top:10px;font-size:16px}.zikr-button{margin-top:80px;width:150px;height:150px;background-color:#00b050;color:#fff;border:none;border-radius:50%;font-size:40px;font-weight:700;cursor:pointer;transition:.2s}.zikr-button:active{transform:scale(.95);background-color:#00913d}