.circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100px;height:100px;position:relative}.volume-circle{position:absolute;border-radius:50%;width:100%;height:100%;top:0;left:0;border:5px solid var(--v-primary-base);-webkit-transition:.1s ease-in-out;transition:.1s ease-in-out}