.color-line {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 8px;

    .color {
        width: 50px;
        height: 50px;

        &:hover {
            cursor: pointer;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
            transform: scale(0.95);
            transition: all 0.3s ease-in-out;
        }
    }
}

input[data-bs-toggle="modal"] {
    cursor: pointer;
}