/*   Task    */
.task {
	.card-top-section {
		span.badge {
			padding: 6px 11px;
			font-size: 13px;
			font-weight: 600;
			border: $solid $b-width-1 $light-primary;
			color: $color_57;
		}
		.meta-date {
			font-weight: 600;
			color: $additional-color-5;
			font-size: 15px;
			i {
				font-size: 19px;
				color: $additional-color-5;
			}
		}
	}
	.card-mid-section {
		i {
			font-size: 30px;
			color: $color_38;
		}
		input {
			border: none;
			font-size: 24px;
			padding: 0;
			font-weight: 700;
			color: $additional-color-11;
			&::-webkit-input-placeholder {
				color: $additional-color-11;
			}
			&::-ms-input-placeholder {
				color: $additional-color-11;
			}
			&::-moz-placeholder {
				color: $additional-color-11;
			}
		}
		textarea {
			border: none;
			padding: 0;
			font-size: 14px;
			font-weight: 600;
			resize: none;
			&::-webkit-input-placeholder {
				color: $additional-color-6;
			}
			&::-ms-input-placeholder {
				color: $additional-color-6;
			}
			&::-moz-placeholder {
				color: $additional-color-6;
			}
		}
	}
	.card-bottom-section {
		button {
			background-image: linear-gradient(-20deg, #3232b7 0%, #1a73e9 100%);
			&:hover {
				background-image: linear-gradient(-20deg, #1a73e9 0%, #3232b7 100%);
			}
		}
	}
}