.ph-top>span:last-child {
     font-size: 10px;
     color: #aaa3ae
 }

 .ph-timer {
     display: grid;
     place-items: center;
     margin: 12px 0 8px
 }

 .ph-ring {
     width: 200px;
     height: 200px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: conic-gradient(#7350cf 0 74%, #ebe6f0 74%);
 }

 .ph-ring>div {
     width: 170px;
     height: 170px;
     border-radius: 50%;
     background: #fff;
     display: grid;
     place-items: center;
     align-content: center;
     text-align: center
 }

 .ph-ring small {
     font-size: 8px;
     color: #aaa3ae
 }

 .ph-ring strong {
     font-size: 28px;
     letter-spacing: -.05em;
     margin: 4px 0
 }

 .ph-timer-meta {
     font-size: 10px
 }

 .ph-timer-meta span {
     font-size: 8px;
     color: #99939e
 }

 .ph-pill {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     margin-top: 12px;
     padding: 7px 9px;
     border-radius: 999px;
     background: #f7f4fb;
     color: #6f4dc3;
     font-size: 8px
 }