.button-icon .tn-atom{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.button-icon .tn-atom:before {
    width: 24px;
    height: 100%;
    margin-right: 8px;
    content: '';
    background: url(https://static.tildacdn.com/tild3337-6137-4937-a436-366538343363/Checkbox.svg) no-repeat center;
    background-size: contain;
}

.button-icon .tn-atom: hover{
    background: black;
}