$height: 36px;

.taskContainer {
    padding-top: 10px;
}

.task {
    margin: 5px;
    padding: 10px;
    padding-left: 15px;
    padding-bottom: 0px;
    border-radius: 3px;
    margin-bottom: 10px;
    box-shadow: 1px 1px 3px #00000066;
    transition: all 0.2s ease-in-out;
}

.checkBoxContainer {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    height: $height;
    margin-top: 9px;
}

button {
    height: $height;
    top: -7px;
}