
/**
 * Circle Component
 */
 .#{$style-prefix}-circle {
    width: 13px;
    height: 13px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: inline-block;


    &--blue {
        background-color: $accent-blue;
    }

    &--pink {
        background-color: $pink;
    }

    &--yellow {
        background-color: $accent-yellow;
    }
 }
