.card {
    border-radius: 6px;
    padding: 6px;
}

.delete-affordance {
    background-color: mix(@theme_bg_color, @STRAWBERRY_500, 0.3);
    padding: 12px;
}

.delete-affordance.left {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.delete-affordance.right {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.delete-affordance image,
.delete-affordance label {
    color: mix(@theme_fg_color, @error_color, 0.6);
    font-weight: 600;
}

.close {
    padding: 3px;
    border: none;
    border-radius: 100%;
    background-image:
        linear-gradient(
            to bottom,
            @BLACK_300,
            @BLACK_500
        );
    box-shadow:
        inset 0 0 0 1px alpha (#fff, 0.02),
        inset 0 1px 0 0 alpha (#fff, 0.07),
        inset 0 -1px 0 0 alpha (#fff, 0.01),
        0 0 0 1px alpha (#000, 0.7),
        0 1px 2px alpha (#000, 0.16),
        0 2px 3px alpha (#000, 0.23);
    margin: 3px;
}

.close image {
    color: #fff;
    -gtk-icon-shadow: 0 1px 1px alpha (#000, 0.6);
}
