<div class="circle-container"> <svg viewBox="0 0 100 100" class="circle-badge" aria-hidden="true"> <defs> <path id="kk-circle-path-1" d="M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38 0 1,1 -76,0"></path> </defs> <text class="kk-badge-text kk-badge-text--montserrat" textLength="340"> <textPath href="#kk-circle-path-1" startOffset="0%"> · Learn More · Learn More · Learn More · </textPath> </text> </svg> <div class="circle-center">➤</div> </div>.circle-container { position: absolute; bottom: 1rem; right: 1rem; width: 90px; height: 90px; pointer-events: none; /* keeps it from blocking clicks */ display: flex; align-items: center; justify-content: center; } .circle-badge { width: 100%; height: 100%; } .treatment-card:hover .circle-badge { animation: kk-rotate 14s linear infinite; } .kk-badge-text { fill: #fff; font-size: 16px; text-transform: uppercase; } /* Use Montserrat 400 */ .kk-badge-text--montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* Or Julius Sans One */ .kk-badge-text--julius { font-family: 'Julius Sans One', sans-serif; } .circle-center { position: absolute; z-index: 2; color: #fff; font-size: 22px; font-weight: 600; } @keyframes kk-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }Dermal fillers
Smooth, lift and refresh your look with natural dermal filler treatments.
<div class="circle-container"> <svg viewBox="0 0 100 100" class="circle-badge" aria-hidden="true"> <defs> <path id="kk-circle-path-1" d="M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38 0 1,1 -76,0"></path> </defs> <text class="kk-badge-text kk-badge-text--montserrat" textLength="340"> <textPath href="#kk-circle-path-1" startOffset="0%"> · Learn More · Learn More · Learn More · </textPath> </text> </svg> <div class="circle-center">➤</div> </div>.circle-container { position: absolute; bottom: 1rem; right: 1rem; width: 90px; height: 90px; pointer-events: none; /* keeps it from blocking clicks */ display: flex; align-items: center; justify-content: center; } .circle-badge { width: 100%; height: 100%; } .treatment-card:hover .circle-badge { animation: kk-rotate 14s linear infinite; } .kk-badge-text { fill: #fff; font-size: 16px; text-transform: uppercase; } /* Use Montserrat 400 */ .kk-badge-text--montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* Or Julius Sans One */ .kk-badge-text--julius { font-family: 'Julius Sans One', sans-serif; } .circle-center { position: absolute; z-index: 2; color: #fff; font-size: 22px; font-weight: 600; } @keyframes kk-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }Anti-Wrinkle
Reduce fine lines and restore a youthful look with safe, effective anti-wrinkle treatments.
<div class="circle-container"> <svg viewBox="0 0 100 100" class="circle-badge" aria-hidden="true"> <defs> <path id="kk-circle-path-1" d="M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38 0 1,1 -76,0"></path> </defs> <text class="kk-badge-text kk-badge-text--montserrat" textLength="340"> <textPath href="#kk-circle-path-1" startOffset="0%"> · Learn More · Learn More · Learn More · </textPath> </text> </svg> <div class="circle-center">➤</div> </div>.circle-container { position: absolute; bottom: 1rem; right: 1rem; width: 90px; height: 90px; pointer-events: none; /* keeps it from blocking clicks */ display: flex; align-items: center; justify-content: center; } .circle-badge { width: 100%; height: 100%; } .treatment-card:hover .circle-badge { animation: kk-rotate 14s linear infinite; } .kk-badge-text { fill: #fff; font-size: 16px; text-transform: uppercase; } /* Use Montserrat 400 */ .kk-badge-text--montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* Or Julius Sans One */ .kk-badge-text--julius { font-family: 'Julius Sans One', sans-serif; } .circle-center { position: absolute; z-index: 2; color: #fff; font-size: 22px; font-weight: 600; } @keyframes kk-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }Laser Skin Tighetning
Tighten skin and contours with advanced VELAS laser treatment.
<div class="circle-container"> <svg viewBox="0 0 100 100" class="circle-badge" aria-hidden="true"> <defs> <path id="kk-circle-path-1" d="M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38 0 1,1 -76,0"></path> </defs> <text class="kk-badge-text kk-badge-text--montserrat" textLength="340"> <textPath href="#kk-circle-path-1" startOffset="0%"> · Learn More · Learn More · Learn More · </textPath> </text> </svg> <div class="circle-center">➤</div> </div>.circle-container { position: absolute; bottom: 1rem; right: 1rem; width: 90px; height: 90px; pointer-events: none; /* keeps it from blocking clicks */ display: flex; align-items: center; justify-content: center; } .circle-badge { width: 100%; height: 100%; } .treatment-card:hover .circle-badge { animation: kk-rotate 14s linear infinite; } .kk-badge-text { fill: #fff; font-size: 16px; text-transform: uppercase; } /* Use Montserrat 400 */ .kk-badge-text--montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* Or Julius Sans One */ .kk-badge-text--julius { font-family: 'Julius Sans One', sans-serif; } .circle-center { position: absolute; z-index: 2; color: #fff; font-size: 22px; font-weight: 600; } @keyframes kk-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }Laser hair removal
Achieve smooth, lasting results with safe laser hair removal treatments.
<div class="circle-container"> <svg viewBox="0 0 100 100" class="circle-badge" aria-hidden="true"> <defs> <path id="kk-circle-path-1" d="M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38 0 1,1 -76,0"></path> </defs> <text class="kk-badge-text kk-badge-text--montserrat" textLength="340"> <textPath href="#kk-circle-path-1" startOffset="0%"> · Learn More · Learn More · Learn More · </textPath> </text> </svg> <div class="circle-center">➤</div> </div>.circle-container { position: absolute; bottom: 1rem; right: 1rem; width: 90px; height: 90px; pointer-events: none; /* keeps it from blocking clicks */ display: flex; align-items: center; justify-content: center; } .circle-badge { width: 100%; height: 100%; } .treatment-card:hover .circle-badge { animation: kk-rotate 14s linear infinite; } .kk-badge-text { fill: #fff; font-size: 16px; text-transform: uppercase; } /* Use Montserrat 400 */ .kk-badge-text--montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* Or Julius Sans One */ .kk-badge-text--julius { font-family: 'Julius Sans One', sans-serif; } .circle-center { position: absolute; z-index: 2; color: #fff; font-size: 22px; font-weight: 600; } @keyframes kk-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }Skin Tag Removal
Safe, non-invasive removal of skin tags and benign skin growths.
<div class="circle-container"> <svg viewBox="0 0 100 100" class="circle-badge" aria-hidden="true"> <defs> <path id="kk-circle-path-1" d="M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38 0 1,1 -76,0"></path> </defs> <text class="kk-badge-text kk-badge-text--montserrat" textLength="340"> <textPath href="#kk-circle-path-1" startOffset="0%"> · Learn More · Learn More · Learn More · </textPath> </text> </svg> <div class="circle-center">➤</div> </div>.circle-container { position: absolute; bottom: 1rem; right: 1rem; width: 90px; height: 90px; pointer-events: none; /* keeps it from blocking clicks */ display: flex; align-items: center; justify-content: center; } .circle-badge { width: 100%; height: 100%; } .treatment-card:hover .circle-badge { animation: kk-rotate 14s linear infinite; } .kk-badge-text { fill: #fff; font-size: 16px; text-transform: uppercase; } /* Use Montserrat 400 */ .kk-badge-text--montserrat { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* Or Julius Sans One */ .kk-badge-text--julius { font-family: 'Julius Sans One', sans-serif; } .circle-center { position: absolute; z-index: 2; color: #fff; font-size: 22px; font-weight: 600; } @keyframes kk-rotate { from { transform: rotate(0); } to { transform: rotate(360deg); } }Vitamin INjections
Boost energy and wellness with tailored vitamin injection therapies.