.colour-tags {
    text-align: center;
}

.colour-tags .dot {
    display:inline-block;
    margin: -5px;
}

.colour-tags .dot:after {
    content: '\25CF';
    font-size: 30px;
}

.colour-tags .dot.red:after {
    color: #ff625c;
}

.colour-tags .dot.orange:after {
    color: #f9a646;
}

.colour-tags .dot.yellow:after {
    color: #f4ce4a;
}

.colour-tags .dot.green:after {
    color: #6dcc50;
}

.colour-tags .dot.blue:after {
    color: #4bb8f4;
}

.colour-tags .dot.purple:after {
    color: #d088e1;
}

.colour-tags .dot.grey:after {
    color: #a4a4a7;
}