.mk-round-text { position: relative; width: 169px; overflow: hidden; height: 169px; border: 2px solid #ddd; border-radius: 100%; color: var(--swm-color-dark-1); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; }
.mk-round-text-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.mk-round-text > svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation-name: rotate; -moz-animation-name: rotate; -ms-animation-name: rotate; -o-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 10s; -moz-animation-duration: 10s; -ms-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; }
.mk-round-text-hover-stop-yes .mk-round-text:hover > svg { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; }
@keyframes rotate {
    100% { transform: rotate(1turn); }
}
.mk-round-text-icon { font-size: 26px; position: absolute; top: 50%; left: 50%; background: var(--swm-color-dark-1); width: 88px; height: 88px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); }
.mk-round-text-icon i,
.mk-round-text-icon svg { font-size: 30px; line-height: 40px; display: flex; color: var(--swm-color-light-1) !important; fill: var(--swm-color-light-1) !important; }
.mk-round-text-icon .video-popup i { font-size: 26px; color: var(--swm-color-light-1) !important; }
.mk-round-text:hover { border-color:var(--swm-color-accent); background:var(--swm-color-accent);  }