.tasks {
    list-style: none;
    margin: 0;
    padding: 0px;
    word-break: break-word;
}

.tasks__button {
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    padding: 0;
    transition: 1s;
    cursor: pointer;
}

.tasks__button--toggleDone {
    background: hsl(120, 100%, 25%);
}

.tasks__button--toggleDone:hover {
    background: hsl(120, 100%, 35%);
}

.tasks__button--remove {
    background: hsl(0, 100%, 50%);
}

.tasks__button--remove:hover {
    background: hsl(0, 100%, 60%);
}

.tasks__item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 10px;
    padding: 10px;
    align-items: center;
    border-bottom: 1px solid #ddd
}

.tasks__item--hidden {
    display: none;
}
.tasks__content--done {
    text-decoration: line-through;
}