.c-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-style: normal;
    text-align: left;
    text-indent: -9999px;
    direction: ltr;
}

.c-icon--check {
    width: 28px;
    height: 28px;
    margin: 3px 0 3px 6px;
    transform: rotate(-45deg);
}

.c-icon--check::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    pointer-events: none;
}

.c-icon--check::after {
    content: '';
    position: absolute;
    height: 12px;
    width: 2px;
    left: 4px;
    bottom: 14px;
    background-color: currentColor;
    pointer-events: none;
}